2012-02-20 15 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> 
.... 

だから、基本的に3つのli秒、特定のクラスとの最後の1の、特別なクラスで最初liグループの一つでグループ。

selectedクラスとそれに続く2つのコードを持つliクラスを純粋なCSSで選択する方法はありますか?

私はli.selected + liを使用して次のものを選択することができましたが、それ以降のものでは機能しません。

答えて

8

単にそれに到達するために別の+ liを追加します。

li.selected, li.selected + li, li.selected + li + li 
+0

の下で、この秋にはどのようなCSSの仕様?ブラウザで広くサポートされていますか?私はこれをどこかにファイルする必要があります。 –

+0

それは本当ですか?現在のChromeでは私にとってうまくいきません。 –

+0

@Surreal Dreams:それはCSS2であり、子セレクタ '>'と同じようにIE7 +で長年サポートされています。 – BoltClock