jquery - 如何仅在Jquery可见时才为最后一个 child 添加一些自定义CSS？

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

现在这是我的清单：

基本列表，但最末端的列表项具有一些自定义CSS“ border-bottom：none”-只是为了使其外观更好看。

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

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

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

最佳答案

使用“：visible”选择器：

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