css li odd

半生风雪沾青衣 7个月前 136浏览 0评论

CSS中的 :nth-child 伪类可用于选择列表中的特定项。 特别是,:nth-child(odd) 可以选择列表中所有奇数项。

对于一个HTML列表,如下所示:

<ul>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
  <li>第四项</li>
  <li>第五项</li>
</ul>

要选择奇数项,您可以使用:

li:nth-child(odd) {
  background-color: #eee;
}

这将选择列表中的所有奇数项,并将它们的背景颜色设置为灰色。

使用这个伪类可以使列表看起来更加清晰,并且与其他列表区分开来。此外,它可以使您的CSS更加动态,因为选择器将只选择奇数项,如果您想选择偶数项,只需将 odd 改为 even