CSS Получить последний ребенок, который не имеет класса
Вот сложная задача для вас, ребята, CSS селектор, чтобы получить:last-child
у этого нет класса.
Что я уже пробовал:
.nav-item:not(.nav-item--mobile):last-child {...}
.nav-item:last-child:not(.nav-item--mobile) {...}
У меня есть похожие селекторы запросов, которые делают некоторые забавные вещи, поэтому я бы предпочел сделать это с помощью CSS. Мобильные предметы могут быть различными по количеству.
// Get the first child in the list when there are n or more, and
// they are not mobile. Yes, this actually works.
.nav-item:first-child:nth-last-child(n+7):not(.nav-item--mobile)
Следующее даст мне последнего ребенка во всех случаях, но я хочу, чтобы последний ребенок был не только мобильным ребенком.
.navigation-item--top:last-child
цельgeneric generic generic generic generic mobile mobile
^
target this one
HTML<ul class="nav-items-list">
<li class="nav-item"></li>
<li class="nav-item"></li>
<li class="nav-item"></li>
<li class="nav-item"></li>
<li class="nav-item nav-item--mobile"></li>
<li class="nav-item nav-item--mobile"></li>
</ul>
Да, я мог бы выяснить, какой из них является правильным в сгенерированной навигации, или я мог бы найти его с помощью JS.