CSS dernier-enfant (-1)

Je cherche un sélecteur CSS qui me permet de sélectionner le dernier enfant de la liste.

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

Méthode statique:

 ul li:nth-child(5) 

Méthode dynamic:

 ul li:last-child(-1) 

qui bien sûr ne valide pas, aussi le n-last-child ne semble pas fournir une manière dynamic .. Je peux me rabattre sur le javascript mais je me demande s’il y a une manière de css sur laquelle j’ai négligé

Vous pouvez utiliser :nth-last-child() ; en fait, en plus :nth-last-of-type() Je ne sais pas ce que vous pourriez utiliser d’autre. Je ne suis pas sûr de ce que vous entendez par “dynamic”, mais si vous voulez dire si le style s’applique au nouveau deuxième dernier enfant lorsque plus d’enfants sont ajoutés à la liste, oui. Violon interactif

 ul li:nth-last-child(2) 

A moins que vous ne puissiez faire en sorte que PHP nomme cet élément avec une classe, il vaut mieux utiliser jQuery.

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