列表中每隔一个div的CSS样式

我的网站上有div框。第二个框应有另一种颜色的边框。

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

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

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

最佳答案

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

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

您还可以使用nth-child(even)和nth-child(odd)读起来比您的2n-1更好

关于列表中每隔一个div的CSS样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13712004/