2012-02-20 5 views
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을 사용하여 다음 항목을 선택했지만 그 다음 항목은 작동하지 않습니다.

답변

8

간단하게 다른 + li가 도달하는 추가

에서 올 가을에 무엇을 CSS 사양
li.selected, li.selected + li, li.selected + li + li 
+0

? 브라우저에서 널리 지원됩니까? 나는 이것을 어딘가에 정리해야한다. –

+0

그거 확실하니? 현재 Chrome에서 작동하지 않습니다. –

+0

@Surreal Dreams : 그것은 CSS2이며, 자식 선택자'>'와 마찬가지로 IE7 +에 의해 오랫동안 지원되어 왔습니다. – BoltClock