:last-child确实是不修改HTML的唯一方法-但假设您可以这样做,主要的选择就是给它一个,然后执行:
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实现-
因此,它应减少错误,并在各个浏览器之间更可靠。



