html – 改变CSS最后>

我想知道是否有一些方法来改变CSS属性的最后一个li在列表中使用CSS。我已经研究使用:最后一个孩子,但这似乎真的bug,我不能得到它为我工作。我将使用JavaScript来做到这一点,如果必要,但我想知道是否有人可以想出一个解决方案在CSS。
:last-child是没有修改HTML的唯一方法 – 但假设你可以这样做,主要选项只是给它一个class =“last-item”,然后做:

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

显然,您可以在您选择的动态页面生成语言中自动执行此操作。此外,在W3C DOM中有一个lastChild 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-child CSS选择器 – 而是使用它的JavaScript实现 – 所以它应该更少的bug和更可靠的浏览器。

http://stackoverflow.com/questions/1329841/changing-css-for-last-li

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:html – 改变CSS最后>