Son < için değişen CSS;li>

SORU

25 AĞUSTOS 2009, Salı

Son < için değişen CSS;li>

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.

CEVAP

25 AĞUSTOS 2009, Salı

: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.

Bunu Paylaş: