Eğer bir liste CSS kullanarak son bir CSS özniteliği li değiştirmek için bir yol olup olmadığını merak ediyorum. :last-child ama bu gerçekten arabası gibi kullanarak içine baktım ve benim için işe gidemiyorum. JavaScript gerekirse bunu yapmak için kullanacağım, ama eğer herkes CSS bir çözüm düşün bilmek istiyorum.

:last-child gerçekten, ana seçenek sadece class="last-item", o zaman yapacak bir şey ki: HTML değiştirme - ama yapabileceğin varsayarak olmadan bunu yapmak için tek yoldur

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

Belli ki, seçtiğiniz dinamik sayfa üretimi dilinde bu otomatik hale getirebilirsiniz. Ayrıca, W3C DOM lastChild JavaScript bir özelliği var.

Burada ne istersen Prototype bunu bir örnek:

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

Ya da daha basit bir ifadeyle:

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

jQuery daha da yazabilirsiniz kompakt:

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

Ayrıca bu unutmayıngerekirlast-child CSS gerçek seçici - tercihen JavaScript uygulaması kullanılır - daha az hatalı ve tarayıcılar arasında daha güvenilir olması için kullanmadan çalışır.