상위 선택자는 CSS3에 없습니다. 이를 위해 제안된 CSS4 선택기 $가 있으며 다음과 같이 보일 수 있습니다(li 요소 선택) -
ul $li ul.sub { ... } 대안으로 jQuery를 사용하면 사용할 수 있는 단일 라이너가 다음과 같습니다. has() 선택자는 내부에 하나 이상의 요소가 있고 지정된 선택자와 일치하는 모든 요소를 선택합니다.
- 태그는 정렬되지 않은(글머리 기호) 목록을 정의합니다.
$('ul li:has(ul.sub)').addClass('has_sub'); 그런 다음 CSS에서 li.has_sub의 스타일을 지정할 수 있습니다.