使用nth-child定位特定div

Question

我有这段代码：

div {
  width: 200px;
  height: 200px;
  background-color: #ececec;
  margin-bottom: 10px;
}

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

我想针对第二个div，然后是第5个div，第8个div等来改变他们的背景。

Answer 1

只需将nth-child伪类与适当的参数一起使用：

div:nth-child(3n+2){
  background-color: blue;
}

Answer 2

添加此CSS代码

div:nth-child(3n+2){
background:#00CC66;
}

Answer 3

试试这个

div:nth-child(3n-1){
  background-color:red;
}

检查 fiddle