これにはCSSセレクターがありますか？

Question

私はfooのクラス/クラスを持つページに1つまたは2つのdivを持っています。私は2番目のものだけを選択する必要があります。つまり、ページに1つしかない場合は、それを選択しません。

私はdiv.foo:not(:first)とdiv.foo:nth-child(2)を試しましたが、どちらもうまくいかないようです。

アイデア？

Answer 1

あり:nth-of-class()セレクタがありませんが、両方div.foo要素が同じ親を共有する場合、あなたは二div.fooはすぐに最初のか後に来るかどうかに応じて、兄弟セレクタのいずれかを使用できます。

div.foo + div.foo /* Is immediately after */ 
div.foo ~ div.foo /* Is somewhere after among its siblings */ 

つ以上のそのようdiv sが潜在的にある場合は、後続の要素のためにこれらのいずれかを使用して、上記のルールでスタイルを元に戻す必要があります。

div.foo + div.foo ~ div.foo 
div.foo ~ div.foo ~ div.foo 

And don't worry about browser support, this works in IE7+.

Answer 2

それはいくつかによって異なります。 IEでテストしていますか？ 同じ親の中の要素はありますか？

要素が同じ親の中にない場合、それらの特定のセレクタを使用できるかどうかわかりません。覚えている限り、IEでは現在動作しません（兄弟セレクタは除外します）。 IE9 +については確かに）。