css - 关于第n个CSS的问题

Question

我有 12 个 div。

我需要选择标记为 THIS 的那些。我在想某种第 n 个子魔法？

谢谢!

即。

<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 表示从第二行开始每隔三行。

顺便说一下，SitePoint 上的链接说除了 IE8 支持外，所有现代浏览器都完全支持。 IE9 完全支持，但是make sure you are not in compatibility mode .