2

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

现在这是我的清单:

基本列表,但最后的列表项有一些自定义 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 仅应用于最后一个可见的孩子?

4

1 回答 1

9

使用 ":visible" 选择器:

$("li:visible:last").css("your css rules");
于 2009-08-06T21:25:22.250 回答