CSS: select 每奇数 DIV-仅

Question

我有这样的 HTML 结构：

<h3>h3</h3>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>
<div>Content</div>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>
...

我想 select 每秒 div （忽略 h3s）。 CSS 可以吗？

谢谢！

Answer 1

使用nth-of-type(even)

div:nth-of-type(even) {
    color: tomato;
}

<h3>h3</h3>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>
<div>Content</div>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>
<div>Content</div>
<h3>h3</h3>
<div>Content</div>

Answer 2

您可以在父包装器上使用它。

div:nth-child(even) {

    //code here
}

CSS: select 每奇数 DIV-仅

CSS: select every odd DIV-only

css

css-selectors