CSS：仅选择每个奇数 DIV答案

【问题标题】：CSS: select every odd DIV-onlyCSS：仅选择每个奇数 DIV
【发布时间】：2015-06-12 10:10:16
【问题描述】：

我有一个这样的 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 可以吗？

谢谢！

【问题讨论】：

您是否尝试过搜索？在谷歌上搜索你的确切问题在第一个链接上有答案
@TylerH：我确信这是一个骗局，但不认为这是一个链接的骗局。 nth-child() 在这里不起作用。
@Harry：无论如何，我一直渴望对这个问题的答案进行改头换面，所以我现在就这样做了，并为 nth-of-type 添加了细节。但我还是重新打开了这个 - 这确实是一个不同的问题。

标签： css css-selectors

【解决方案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>

【讨论】：

谢谢！我用 nth-child 尝试过（显然不起作用）；）

【解决方案2】：

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

div:nth-child(even) {

    //code here
}

【讨论】：

这不会完全符合 OP 的要求。它将选择从 1 开始的所有其他 div，因为第一个出现的 div 是 second 子级。