Я разрешаю пользователям делать части списка скрытыми/видимыми и т.д.
Теперь вот мой список:
Базовый список, но самый последний элемент списка имеет некоторый пользовательский 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>
Когда я использую селектор last для добавления пользовательского CSS, он работает идеально. Моя проблема заключается в том, что когда я скрываю виджеты, они скрыты, как и предполагалось, но для этого используется пользовательский CSS, и, поскольку они скрыты, граница все еще отображается.
Мой вопрос: как применить CSS только к последнему видимому дочернему элементу?