abweichende Verweisfarben

[Adriana Mikolaskova Nautsch]

Hallo,

ich möchte bestimmte Verweise anders formatieren. Dazu habe ich die entsprechenden mit einer Klasse ("aktiv") versehen.

<li ><a class="aktiv" href="#" >Informationen</a></li>

Weshalb muss ich in diesem Fall die Klasse auf die li und a Elemente beschränken, damit es funktioniert?

weshalb funktioniert:

a:link{color:#999;}
a:visited{color:#999;}
a:hover{color:#999;}

li a.aktiv {
  color: #000;
}

aber folgendes nicht:

a:link{color:#999;}
a:visited{color:#999;}
a:hover{color:#999;}

.aktiv {
  color: #000;
}

Danke und Gruss

Adriana

[Cheatah]

Hi,

weshalb funktioniert:

[...]

aber folgendes nicht:

a:link{color:#999;}
a:visited{color:#999;}
a:hover{color:#999;}

.aktiv {
  color: #000;
}

weil ein Element- und ein (Pseudo-)Klassenselektor spezifischer sind als ein Klassenselektor. Beschäftige Dich mit der Spezifität und den Regeln der Kaskade.

Cheatah

[Adriana Mikolaskova Nautsch]

Vielen Dank für die Info und den Hinweis!
Adriana