Wie wird ein benutzerdefiniertes CSS nur für das letzte untergeordnete Element hinzugefügt, wenn es mit Jquery sichtbar ist?

Question

ich Benutzer bin so dass Teile einer Liste machen versteckt/sichtbar usw.

Hier ist meine Liste:

Grundliste, aber das Ende Listenelement hat einige benutzerdefinierte CSS „border-bottom: keine "- nur um es ein bisschen schöner zu machen.

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

Als ich die letzte Selektor verwenden, einige benutzerdefinierte CSS hinzufügen, es perfekt funktioniert. Mein Problem ist, wenn ich die Widgets ausgeblendet habe, sind sie wie beabsichtigt versteckt, aber das benutzerdefinierte CSS wird verwendet und da diese ausgeblendet sind, wird der Rahmen immer noch angezeigt.

Meine Frage ist, wie kann ich CSS nur auf die letzte sichtbar Kind anwenden?

Answer 1

nutzen die „Sichtbar“ Selektor:

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