我允许用户将列表的一部分隐藏/可见等。
现在这是我的清单:
基本列表,但最后的列表项有一些自定义 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 仅应用于最后一个可见的孩子?