最后更改CSS*

Question

我想知道是否有某种方法可以使用CSS更改li列表中的最后一个CSS属性。我已经研究过使用:last- child，但是这似乎确实有问题，因此无法为我工作。如有必要，我将使用JavaScript进行此操作，但是我想知道是否有人可以考虑使用CSS解决方案。

Answer 1

:last-child确实是不修改HTML的唯一方法-但假设您可以这样做，主要的选择就是给它一个class="last-item"，然后执行：

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

显然，您可以使用您选择的动态页面生成语言来自动执行此操作。另外，lastChildW3C DOM中有一个JavaScript属性。

这是在 Prototype中执行所需操作的示例：

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

或更简单地说：

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

在 jQuery中 ，您可以更紧凑地编写它：

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

还要注意，这 应该 在不使用实际的last-childCSS选择器的情况下起作用-而是使用它的JavaScript实现-
因此，它应减少错误，并在各个浏览器之间更可靠。