Brauche Hilfe, bei mouseover für menu

[SpiceLab]

ul.menu li a:hover, ul.menu li:hover a { color:#fff; }

Der zweite Selektor ul.menu li:hover a sorgt dafür, dass die Hover-Schriftfarbe des Hauptmenüpunktes erhalten bleibt, wenn der Mauszeiger das Untermenü überfährt.

 

[Campl3r]

Danke, hatte mir schon gedacht das es was mit Komma ist, hatte aber nichts genaues gefunden .
Hmm jetzt ist aber Wer sind Wir? Das Team auch weiß!?

 

[SpiceLab]

Stellt sich die Frage, wo du nachgeschaut hast?

In der offiziellen CSS-Spezifikation findet sich im Kapitel 5 Selektoren das Unterkapitel 5.2.1 Gruppierung.

 

[SpiceLab]

Hmm jetzt ist aber Wer sind Wir? Das Team auch weiß!?

Was du nicht sagst

In diesem Fall mußt du für die Links der Untermenüebene einen entsprechenden Selektor mit der gewünschten CSS-Regel definieren, da ansonsten obiger Regelblock für alle nachfolgenden Menüebenen gleichermaßen gilt.

ul.menu li:hover ul li a { color:#ff0; }

... und schon werden mit diesem Beispiel diese Links gelb eingefärbt.

 

[Campl3r]

Ich hatte gesetzt:
Standard ist Schwarz und

ul.submenu a:hover {
	color:#208ce7;
	background-image:none;
}

aber mit deinem Beispiel ist es doch so das alle Links so eingefärbt werden, ich will aber nur das der Link der Hover hat eingefärbt wird und der Andere schwarz.

 

[SpiceLab]

Die beiden Selektoren von eben in Post #11 besitzen gegenüber ul.submenu a:hover eine höhere Spezifität, womit seine Regel keine Anwendung findet.

 

[SpiceLab]

Ist dir eigentlich in Post #14 aufgefallen, dass ich in meinem Selektor für die Untermenüebene keine Klasse .submenu benötige?

5.5 Selektoren für Nachfahren regeln dies automatisch ohne zusätzliche Bezeichner für die nachfolgenden Elemente.

 

[Campl3r]

Aufgefallen schon, mir ist auch klar wie nur wie mache ich jetzt das es so ist wie ich es beschrieben habe?

 

[Campl3r]

ja geschafft