列表中每个第二个 div 的 CSS 样式

Question

我的网站上有 div 框。每两个框都应该有另一种颜色的边框。

在一种情况下，div 显示为列表。我无法更改 HTML 代码，因为它是自动生成的。在我网站的其他部分，我做了这样的样式并且它有效:

.displayBlogpost:nth-child(2n+1) {
    border: #B4C556 1px solid;
}

但是 ol 不再起作用了。我不知道如何访问每一秒的 .displayBlogpost-div。这是我的代码:http://jsfiddle.net/8SbbL/

Answer 1

要使用第 n 个 child ，您需要将其应用于列表项，

http://jsfiddle.net/8SbbL/6/

你也可以使用 nth-child(even) 和 nth-child(odd) 比你的 2n-1/p>