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 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.