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

我的网站上有div文件夹.每隔一个框应该有另一种颜色的边框.

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

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

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

解决方法

要使用你需要的第n个孩子将它应用到列表项,

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

你也可以使用nth-child(偶数)和nth-child(odd),它比你的2n-1读得更好

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效