css - 选择第 7n 个项目，包括第一个带有 css nth-child 的项目

Question

使用 css :nth-child 伪选择器。我如何选择每 7n 个项目，包括第一个项目（即 0 索引处的项目）。
例如：

• 1.突出我
• 2
• 3
• 4
• 5
• 6
• 7.突出我
• 8
• 9
• 10
• 11
• 12
• 13
• 14.突出我

我试过 :nth-child(7n) 但它与第一​​项不匹配。

Answer 1

采用：

:nth-child(6n+1) { ... }

工作示例

Answer 2

您可以混合编写两种或多种样式：

:first-child, :nth-child(7n) {
  .
  .
  .
}

这样就可以了！