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

是否有一个CSS选择器，让我直接选择名单的最后一个项目？在这种情况下第3项。

干杯！

2008-09-09 Marcel

我跑过了li：last-child selector;但是我不能使用它，因为它在IE中不起作用。在这种情况下，我无法控制HTML，因此我无法相应地标记第一个和最后一个孩子。 – Marcel 2008-09-09 03:21:42

在这种情况下，我恐怕你不会得到你想做的。如果你有控制权并且你想要沿着这条路走下去，那么你可以用javascript来做到这一点，但这是一条有着龙的黑暗，可怕的道路;） – 2008-09-09 03:23:03

不是我所知道的。传统的解决方案是用class =“first”标记第一个&最后一个项目& class =“last”，以便您可以识别它们。

CSS psudo-class first-child会给你第一个项目，但不是所有的浏览器都支持它。 CSS3将有last-child too（目前支持Firefox，Safari，但不支持IE 6/7/beta 8）

2008-09-09 03:14:58

在正确支持之前，您需要为建议的'最后'项添加一个类。不过，您不必手动执行此操作。如果你可以把一个javascript命中，看一看之一：

the jQuery :last-child selector
Keeping Your Elements’ Kids in Line with Offspring（名单由亚历克斯·比肖夫除了文章），一个具体的，重量更轻的方法

要么会避免“污染”你的标记，并且如果你的风格是'不错的添加'而不是'必须拥有'的设计特征，那么这是完全可以接受的。

2008-09-09 09:49:00

此问题的答案应该更新！ IE9 + Firefox（一段时间后）+ Chrome，Safari全部支持：last-of-type或last-child

2012-11-04 20:27:47 OZZIE

回答