css - 寻找 nth-child 风格的表达方式

Question

我想为 4 个一组的子元素设置样式。我需要在nth-child样式中使用什么表达式？下面每四个元素更改样式。我想要前四个黑色/白色，后四个白色/黑色等。

ul li:nth-child(4n) {
  background-color: black;
  color: white;
}
ul li:nth-child(4n+1) {
  background-color: white;
  color: black;
}

Answer 1

可能有更好的方法，但这会起作用：

ul li:nth-child(8n+1),
ul li:nth-child(8n+2),
ul li:nth-child(8n+3),
ul li:nth-child(8n+4){
    background-color: black;
    color: white;
}

http://jsfiddle.net/UXgJD/