CSS first-child

[Auge]

Hallo

Danke für die schnelle Antwort. Ich hatte mir sowas schon gedacht und hab es jetzt auch andersrum probiert. Problem jetzt ist allerdings, wenn ich über einen dieser Menüpunkte hovern möchte dann färbt sich der Text nur dann wenn man exakt über den Text geht. Oder gibt es da auch eine nette Lösung?

Ja, natürlich. Ein Link ist ein Inline-Element, dessen Dimension durch seinen Inhalt bestimmt wird, also wird auch nur dann gehovert, wenn du dich über dem die Größe bestimmenden Inhalt befindest. Du kannst den Links aber mit display: inline-block; oder bei Bedarf mit display: block; den benötigten Typ zuweisen, womit du sie wie Blockelemente dimensionieren kannst. Welchen Typ du brauchst, kommt auf die konkreten Anforderungen an.

Als Beispiel zum experimentieren:

nav li a {
  display: block;
  width: 14em;
  /* oder für den Fall, dass die Breite des Menüs mit einem
     der Elternelemente festgelegt wurde, width: 100%; (o.Ä.) */
}

Tschö, Auge