CSS div nth child，每第2和第3个文本都加粗

Question

我如何通过以下方式实现这一目标：nth

• Lorem ipsum
• Lorem ipsum
• Lorem ipsum
• Lorem ipsum
• Lorem ipsum
• Lorem ipsum
• Lorem ipsum

Answer 1

您可以使用li:nth-child(3n+2), li:nth-child(3n+3)

li:nth-child(3n+2),
li:nth-child(3n+3) {
  font-weight: bold;
}

<ul>
  <li>Lorem ipsum dolor.</li>
  <li>Lorem ipsum dolor.</li>
  <li>Lorem ipsum dolor.</li>
  <li>Lorem ipsum dolor.</li>
  <li>Lorem ipsum dolor.</li>
  <li>Lorem ipsum dolor.</li>
  <li>Lorem ipsum dolor.</li>
</ul>