nthに関する質問

Question

私は12のdivsを持っています。

「これ」とマークされたものを選択する必要があります。私はある種のn番目の子供の魔法を考えていたのですか？

ありがとうございます！

ie。

<div class="feature"></div> 
<div class="feature"></div> -> THIS 
<div class="feature"></div> 
<div class="feature"></div> 
<div class="feature"></div> -> THIS 
<div class="feature"></div> 
<div class="feature"></div> 
<div class="feature"></div> -> THIS 
<div class="feature"></div> 
<div class="feature"></div> 
<div class="feature"></div> -> THIS 
<div class="feature"></div> 

Answer 1

あなた番号発現とnth-child pseudo-selectorを使用することができます。

div.feature:nth-child(3n+2) { 
    background-color:#cccccc; 
} 

3n+2 2行目から始まるつおきの行を意味します。

ちなみに、SitePointのリンクでは、IE8サポートを除く最新のブラウザはすべて完全サポートされていると言われています。 IE9は完全にサポートされていますが、make sure you are not in compatibility modeです。

Answer 2

セレクタ:nth-child(3n+2)が必要です。

参考：

Answer 3

http://css-tricks.com/examples/nth-child-tester/はOB Sarfrazの答えをオフに構築、Nが3n - 1

.feature:nth-child(3n-1){ ... }