Computer >> Máy Tính >  >> Lập trình >> CSS

Áp dụng kiểu cho cha mẹ nếu nó có phần tử con với CSS và HTML


Bộ chọn chính không có trong CSS3. Có một bộ chọn CSS4 được đề xuất, $, để làm như vậy, có thể trông như thế này (Chọn phần tử li) -

ul $li ul.sub { ... }

Thay vào đó, với jQuery, một lớp lót mà bạn có thể sử dụng sẽ là cái này. Bộ chọn:has () chọn tất cả các phần tử có một hoặc nhiều phần tử bên trong chúng, khớp với bộ chọn được chỉ định. Thẻ

  • xác định một mục danh sách. Thẻ
      xác định danh sách không có thứ tự (dấu đầu dòng).

      $('ul li:has(ul.sub)').addClass('has_sub');

      Sau đó, bạn có thể tạo kiểu li.has_sub trong CSS của mình.