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

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

最佳答案

可能有更好的方法,但这会起作用:

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/

关于css - 寻找第n个 child 的风格的表达,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16550632/

10-11 23:26
查看更多