Question

我在父元素下的每一行有4张卡片，并且我想使用nth-child或nth-of-type在行的每个第二个元素上应用某些样式

0_ 1 _2_3

4_ 5 _6_7

8_ 9 _10_11

12_ 13 _14_15

Answer 1

这应该做到。

li:nth-child(4n + 2)

4n只是一个将数字插入其中的表达式：4(1) = 4th element，4(2) = 8th element等。
+ 2是一个常量，它从第二个子元素开始查询。

li:nth-child(4n + 2) {
  background-color: lightgreen;
}

li { list-style: none; }

<ul>
  <li>item 0</li>
  <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>

我想使用nth-child或nth-of-type选择这种模式-1,5,9,13,17,19 ..-

1 个答案: