定位CSS中没有指定id或类的特定元素

时间:2012-07-30 08:22:49

标签: css css-selectors

我经常遇到这个问题,我有一个带有“ID”的父元素和一组没有任何“ID”或“CLASS”特定目标的子元素。

有时,我真的没有选择为元素指定“ID”或“Class”,所以我可以轻松地定位元素。我也没有权利使用javascript来覆盖。所以我真的只是使用CSS来设计它。

CSS中是否存在我可以定位特定元素的方法?

请参阅我的示例问题:

http://jsfiddle.net/jUeMB/

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

感谢。

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

你可以这样做:

#list_item li:nth-child(4)

同样也适用于表格和div。 查看浏览器支持的here