将自定义样式规则添加到列表中的偶数元素

时间:2014-01-26 14:51:48

标签: html css

所以我有以下情况:

    
  • 第一元素
  • 第二   元素
  • 第三元素
  • Forth Element
  •         
  • 第五元素
  • 第六元素
  • 八   元素

我想只为列表中的奇数元素添加一个特殊规则。问题是每个元素都没有特定的类,所以我可以将样式应用于它们。 我试过这样的事情:  .class :even {color:white;}

编辑:请不要因违反规则而道歉,但要了解规则;)

谢谢!

2 个答案:

答案 0 :(得分:2)

您可以在此处查看:http://www.webbykat.com/2013/01/styling-every-nth-element-css3-jquery-and-grid-view-templates

这是一个可能对您有所帮助的示例:

.class ul li:nth-child(2n) {color:white;}

答案 1 :(得分:2)

选择器为:nth-child(even)

你可能在结肠前有一个多余的空格字符。

相关问题