使用 nth-child 定位特定 div [重复]答案

【问题标题】：Target specific divs with nth-child [duplicate]使用 nth-child 定位特定 div [重复]
【发布时间】：2016-06-03 23:39:35
【问题描述】：

我有这个代码：

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>

我想定位第 2 个 div，然后是第 5 个 div，第 8 个 div 等来更改它们的背景。

【问题讨论】：

标签： css

【解决方案1】：

只需使用带有适当参数的nth-child 伪类：

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

【讨论】：

【解决方案2】：

添加此 CSS 代码，

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

【讨论】：

【解决方案3】：

试试这个

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

检查fiddle

【讨论】：