说我有一个如下列表:
是否有CSS选择器允许我直接选择列表的最后一项?在这种情况下,项目3。
干杯!
答案 0 :(得分:15)
不是我知道的。传统的解决方案是标记第一个&最后一项有class =“first”& class =“last”所以你可以识别它们。
CSS psudo-class first-child将为您提供第一项,但并非所有浏览器都支持它。 CSS3将有last-child too(目前支持Firefox,Safari但不支持IE 6/7 / beta 8)
答案 1 :(得分:6)
在得到适当支持之前,您需要按照建议为“最后”项添加一个类。但是,您不必手动执行此操作。如果你可以点击javascript,请看看:
要么避免'污染'你的标记,如果你的风格是'好的补充'而不是'必须拥有'的设计特征,那么它们是完全可以接受的。
答案 2 :(得分:3)
这个问题的答案应该更新! IE9 + Firefox(暂时退一步)+ Chrome,Safari全部支持:last-of-type
或last-child