Matthias Apsel: Hover wird überschrieben

Beitrag lesen

Hallo Christian Huml,

Wenn man dein CSS

article a 
{
	line-height:4em;
	color:#0099CC;
	text-decoration:none;
	
}

article a:focus, a:hover, a:active
{
	color:black;
}

.copyright a
{
	color:black;
	line-height:4em;
	
}

.copyright a:focus, a:hover, a:active
{
	color:#0099CC;
}

auf das Relevante kürzt (Gunnar hat dich schon auf deinen Denkfehler hingewiesen), kommt das raus:

a:hover  /* Bestandteil von Regel 2 */
{
	color:black;
}
a:hover  /* Bestandteil von Regel 4 */
{
	color:#0099CC;
}

Jedoch nimmt article die Farbe von .copyright bei Hover.

Die spätere Anweisung überschreibt die frühere.

Bis demnächst
Matthias

--
Rosen sind rot.