Comment ajouter du CSS personnalisé pour le dernier enfant seulement s'il est visible avec Jquery?

Question

Je permet aux utilisateurs de faire partie d'une liste cachée/visible, etc.

Maintenant, voici ma liste:

liste de base, mais l'élément très liste fin a une CSS personnalisée « border-bottom: aucun "- juste pour le rendre un peu plus beau.

<ul> 
     <li class="item">Item</li> 
     <li class="widget">widget</li> 
     <li class="item">Item</li> 
     <li class="item">Item</li> 
     <li class="widget">Widget</li> 
     <li class="widget">Widget</li> 
</ul> 

Lorsque j'utilise le dernier sélecteur, pour ajouter un peu de CSS personnalisé, il fonctionne parfaitement. Mon problème est quand je cache les widgets, ils sont cachés comme prévu, mais le CSS personnalisé est utilisé à ce sujet et comme ils sont cachés, la frontière apparaît toujours.

Ma question est comment puis-je appliquer CSS à seulement la dernière visible enfant?

Answer 1

utiliser la fonction « : visible » sélecteur:

$("li:visible:last").css("your css rules");