css - 针对 CSS 中没有指定 id 或类的特定元素

Question

我经常遇到这个问题，我有一个带有“ID”的父元素和一组没有任何“ID”或“CLASS”作为具体目标的子元素。

有时，我真的没有为元素指定“ID”或“类”的选项，因此我可以轻松地定位元素。我也无权使用 javascript 来覆盖。所以我真的只是坚持使用 CSS 来设置它的样式。

CSS中有没有可以定位特定元素的方法？

请参阅我的示例问题：

http://jsfiddle.net/jUeMB/

我只想隔离“第 4 项”并突出显示它。这是我能做的最好的，但它也是错误的，因为它的目标是“第 5 项”，应该只突出显示“第 4 项”。

谢谢。

Answer 1

第 n 个子选择器就是您要寻找的。http://css-tricks.com/how-nth-child-works/

Answer 2

你可以这样做：

#list_item li:nth-child(4)

同样也适用于 table 和 div。在此处查找浏览器支持。