2

我正在寻找我的问题的具体答案。这就是，我有一行包含一定数量的 div（动态设置）。我想要交替地将 div（3 个 div）的背景设​​置为另一种颜色，如下所示： 在此处输入图像描述 这可以通过 CSS 奇偶伪类来完成，还是应该通过 jQuery 来完成？

4

3 回答 3

8

您可以通过将其添加到您的 CSS 来做到这一点。foo:nth-child(n+3)

更新：

ul li:nth-child(6n+4),
ul li:nth-child(6n+5),
ul li:nth-child(6n+6) {
  border: 1px solid red;
}

^ 虽然我不是粉丝，但它确实有效。

http://codepen.io/pacMakaveli/pen/JdWYoM

于 2015-06-02T10:49:53.223 回答
1

您可以通过使用：

li:nth-child(6n),
li:nth-child(6n - 1),
li:nth-child(6n - 2) {background: red;}
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
  <li>Item 10</li>
  <li>Item 11</li>
  <li>Item 12</li>
  <li>Item 13</li>
  <li>Item 14</li>
  <li>Item 15</li>
</ul>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
  <li>Item 10</li>
</ul>

于 2015-06-02T11:00:58.507 回答
0

通过添加 td:nth-child(3n) 试试这个，它可能对你有用

于 2015-06-02T10:54:13.180 回答