marctrix: Wenn vorletztes <li class="current">, soll letztes <li> roten Text haben

Beitrag lesen

Hej MudGuard,

jetzt noch mal komplett in richtig

CSS

li[aria-current]:nth-last-child(2) + li {color red;}

HTML

<ul>
  <li><a href="link-to-foo">foo</a></li>
  <li><a href="link-to-bar">bar</a></li>
  <li><a href="link-to-baz" aria-current="page">baz</a></li>
  <li><a href="link-to-bla">bla</a></li>
</ul>

Mann, war das eine schwere Geburt…

Statt [aria-current] würde natürlich auch [aria-current="page"] funktionieren. Ich meine aber an dieser Stelle nicht weiter spezifizieren zu müssen; es handelt sich auch so schon um einen sehr spezifischen Selektor…

Danke @at und @MudGuard — ich kann falsche Beispiele nicht leiden, insbesondere, wenn sie von mir sind…

Marc