更改最后一个

的 CSS

我想知道是否有某种方法可以更改最后一个 CSS 属性li在使用 CSS 的列表中。我已经研究过使用:last-child，但这看起来确实有问题，我无法让它为我工作。如有必要，我将使用 JavaScript 来完成此操作，但我想知道是否有人可以用 CSS 提出解决方案。

:last-child实际上是不修改 HTML 的唯一方法 - 但假设你可以做到这一点，主要选项就是给它一个class="last-item"， 然后做：

li.last-item { /* ... */ }

显然，您可以使用您选择的动态页面生成语言自动执行此操作。另外，还有一个lastChild http://www.quirksmode.org/dom/intro.htmlW3C DOM 中的 JavaScript 属性。

这是一个做你想做的事情的例子原型 http://prototypejs.org:

$$("ul").each(function(x) { $(x.lastChild).addClassName("last-item"); });

或者更简单地说：

$$("ul li:last-child").each(function(x) { x.addClassName("last-item"); });

In jQuery http://jquery.com，你可以写得更紧凑：

$("ul li:last-child").addClass("last-item");

另请注意，这should工作时不使用实际的last-childCSS 选择器 - 相反，使用它的 JavaScript 实现 - 因此它应该更少错误并且跨浏览器更可靠。