Question

您好我想要定位具有相同类的div的第二个和第四个等等。

我想制作内容类为红色的“内容”div。我怎么做的？谢谢

<div class="container">
  <div class="content">Some Content 1</div>
  <div class="description">description</div>
  <p>lorem ipsum betta</p>
</div>
<div class="container">
  <div class="content">Some Content 2</div>
  <div class="description">description</div>
  <p>lorem ipsum betta</p>
</div>
<div class="container">
  <div class="content">Some Content 3</div>
  <div class="description">description</div>
  <p>lorem ipsum betta</p>
</div>
<div class="container">
  <div class="content">Some Content 4</div>
  <div class="description">description</div>
  <p>lorem ipsum betta</p>
</div>

Answer 1

你的问题让我感到困惑，我不确定你是想要定位每个第2，第4等container，还是container的孩子。出于以下目的，我假设前者。您可以使用nth-child选择器来实现此目的，这是一个示例：https://jsfiddle.net/0s3k3s39/

.container:nth-child(even) {
  border: 1px solid red;
}

如您所见，它仅在这种情况下选择偶数编号的容器。

编辑 - 继续OP的评论，请尝试以下方法：

.container > .content:nth-child(even) {
  border: 1px solid red;
}

编辑2：如果你的意思是每个第二个容器div.content，试试这个：

.container:nth-child(even) > .content {
  border: 1px solid red;
}

定位一个类div的第二个，第四个，第六个等等

1 个答案: