6
을 선택 I가 다음과 같은 HTML :CSS는 다음 두 가지 요소
...
<li>...</li>
<li>...</li>
<li class="last">...</li>
<li class="selected">...</li> # <- this
<li>...</li> # <- this
<li class="last">...</li> # <- this
<li>...</li>
<li>...</li>
<li class="last">...</li>
....
그래서, 기본적으로 세 li
의 특정 클래스 마지막과 특별한 클래스 최초의 li
그룹 중 하나의 그룹 .
selected
클래스와 그 다음 두 코드 인 li
을 순수 CSS로 선택하는 방법이 있습니까?
li.selected + li
을 사용하여 다음 항목을 선택했지만 그 다음 항목은 작동하지 않습니다.
? 브라우저에서 널리 지원됩니까? 나는 이것을 어딘가에 정리해야한다. –
그거 확실하니? 현재 Chrome에서 작동하지 않습니다. –
@Surreal Dreams : 그것은 CSS2이며, 자식 선택자'>'와 마찬가지로 IE7 +에 의해 오랫동안 지원되어 왔습니다. – BoltClock