djr: nav li:first-of-type u. nav li:last-of-type

Beitrag lesen

Danke!


Die Spezifität gering zu halten, ist immer gut 😉.

Zudem haben IDs bei mir oft einen Präfix anhand dem sie gruppiert sind. Ist dem so, kann leicht mit dem Attributselektor |= danach selektiert werden:

li[id|="navitem"] > a {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 1.2em;
}

li[id="navitem-home"] > a {
  background-image: url('/img/home.png');
}

li[id="navitem-home"] > a[aria-current="page"] {
  background-image: url('/img/homeS.png');
}

li[id="navitem-language"] > a {
  background-image: url('/img/globe.png');
}