CSS Holen Sie sich das letzte Kind, das keine Klasse hat
Hier ist eine knifflige Herausforderung für euch, CSS-Selektor, um das @ zu bekomm:last-child
das hat keine Klasse.
as ich bisher ausprobiert habe:
.nav-item:not(.nav-item--mobile):last-child {...}
.nav-item:last-child:not(.nav-item--mobile) {...}
Ich habe ähnliche Abfrageselektoren, die ein paar lustige Dinge tun, also würde ich lieber versuchen, dies über CSS zu tun. Die Anzahl der mobilen Artikel kann variieren.
// 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)
Das Folgende gibt mir in jedem Fall das letzte Kind, aber ich möchte das letzte Kind, das kein mobiles Einzelkind ist.
.navigation-item--top:last-child
Ziegeneric 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>
Ja, ich könnte herausfinden, welches in der generierten Navigation das richtige ist, oder ich könnte es mit JS finden.