如果使用Jquery可见，如何为最后一个子节点添加一些自定义CSS？

我允许用户将列表的一部分隐藏/可见等。

现在这是我的清单：

基本列表，但最终列表项有一些自定义CSS“border-bottom：none” – 只是为了使它看起来更好一点。

 Item
 widget
 Item
 Item
 Widget
 Widget

当我使用最后一个选择器时，添加一些自定义CSS，它完美无缺。我的问题是当我隐藏小部件时，它们按预期隐藏，但是在此使用自定义CSS，并且由于隐藏了这些，边框仍然显示。

我的问题是如何将CSS应用于最后一个可见的孩子？

使用“：visible”选择器：

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