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;
}