CSS last-child (-1)

Question

Listenin sonuncu çocuğunu seçmeme izin veren bir css seçici arıyorum.

<ul> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
    <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> 
    <li>6</li> 
</ul> 

Statik yöntemi:

ul li:nth-child(5) 

Dinamik yöntemi:

ul li:last-child(-1) 

doğrulamaz tabii ki, aynı zamanda n'inci-son-çocuk görünmüyor dinamik bir yol sağla .. javascript'e geri dönebilirim ama merak ettiğim bir css yolu olup olmadığını merak ediyorum

Answer 1

Siz kullanabilirsiniz :nth-last-child(); Aslında, :nth-last-of-type() dışında başka ne kullanabileceğinizi bilmiyorum. "Dinamik" ile ne demek istediğinden emin değilim, ancak listeye daha fazla çocuk eklendiğinde, stilin ikinci ikinci çocuğa uygulanıp uygulanmayacağı anlamına gelirse, evet öyle olacaktır. Eğer bir sınıf ile o öğeyi etiketlemek için PHP edemeyip Interactive fiddle.

ul li:nth-last-child(2) 

Answer 2

jQuery kullanmak daha iyidir.

jQuery(document).ready(function() { 
    $count = jQuery("ul li").size() - 1; 
    alert($count); 
    jQuery("ul li:nth-child("+$count+")").css("color","red"); 
});