: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实现-
因此，它应减少错误，并在各个浏览器之间更可靠。