有没有办法用CSS选择列表的最后一项？

说我有一个列表如下:

ITEM1

ITEM2

项目3

是否有CSS选择器允许我直接选择列表的最后一项？在这种情况下第3项.

干杯!

不是我知道的.传统的解决方案是使用class ="first"&class ="last"标记第一个和最后一个项目,以便您可以识别它们.

CSS psudo-class first-child将为您提供第一项,但并非所有浏览器都支持它.CSS3也会有最后一个孩子(这个目前支持Firefox,Safari但不支持IE 6/7/beta 8)

在得到适当支持之前,您需要按照建议为"最后"项添加一个类.但是,您不必手动执行此操作.如果你可以点击javascript,请看看:

jQuery:last-child选择器

让你的元素的孩子与后代保持一致(Alex Bischoff列出的另类文章),一种特定的,更轻量级的方法

要么避免"污染"你的标记,要么你的风格是"好的补充"而不是"必须拥有"的设计特征,这是完全可以接受的.