CSS:基于它们出现的顺序而不是基于类的样式列表项？

Question

我使用的 CMS 生成的站点地图只有很少的样式选项，基本上，它不允许我向列表项添加类，我需要它们为它们提供不同的背景颜色。

现在我知道有 first-child 和 last-child 伪类可以让我为列表中的第一个和最后一个元素设置样式，但是是否有任何 CSS 允许我调用列表中的其他元素如果不能给他们分配类(class)？

Answer 1

使用:nth-child()来自 CSS3:

/* select the third element if it's an li */
li:nth-child(3) {
    background-color: yellow;
}

:nth-child() won't work在 IE8 等旧浏览器中，但 there's a CSS2 workaround .