2013-09-22 10 views
7

私はこれらのセレクタを使い慣れていません。CSS3:4番目と5番目の要素をどのように選択するのですか

私のセレクタは、4番目と5番目の要素を選択する必要がありますが、それを維持する必要があります。したがって、4,5,9,10,14,15などを選択する必要があります。

これはどのように可能ですか?現時点では私はそうのように、すべての3番目の項目を選択することができます。

.pure-g-r .pure-u-1-3:nth-child(3n+3) 

しかし、私はそれは私が必要なものに変換することができますかどうかはわかりません。

ありがとうございました。

+0

今のところ、1つのセレクタで両方を選択する必要はありません。 '.pure-gr .pure-u-1-3:nth-​​child(3n + 1)、.pure-gr .pure-u-1-3:nth-​​child(3n + 2) ) ' – Fallup

+0

「4,5,9,10,14,15」の順に選択することはできません。 9は4n + 1,14が4n + 2なので、これは "each"要素ではなく、いくつかのランダム要素です。 – drip

+0

@drip私の答えを見てください。 – Itay

答えて

6

あなたは実際には以下の二つのカンマで区切られたセレクタを使用するので、5

のジャンプで、4番目と5番目の要素からすべてのカップルを選択します。

.pure-g-r .pure-u-1-3:nth-child(5n + 4), .pure-g-r .pure-u-1-3:nth-child(5n) 

jsFiddle Demo

Result

+1

さて、あなたが正しいと思うよ。 –

+0

@ABFORCE BTW - あなたの(削除された)回答のセレクタを書く良い方法は単に ':nth-​​child(n + 4)'です。 'not 'を使用する必要はありません – Itay

+1

あなたの助けに感謝:) –

関連する問題