CSS：仅选择每个奇数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>
...

我想选择每一个div（忽略h3s）。这可能与CSS有关吗？

谢谢！

Answer 1

使用nth-of-type(even)

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

div:nth-child(even) {

    //code here
}