MudGuard: Problem mit Vererbung

Beitrag lesen

Hi,

#main_navi a:hover{  color:#323232; text-decoration:none; }
#sub_navi a:hover{ text-decoration:none;}
a.subnavi_aktuell:hover {color:#F8E6A2;}

<div id="main_navi">
  <div id="sub_navi">
    <a href="index.php&#063;ref=aaa" class="subnavi_aktuell">AAA</a>

Alle 3 Selektoren treffen auf diesen Link zu.
Der mittlere betrifft nur die text-decoration, ist also für die Schriftfarbe irrelevant.

Bleiben noch

#main_navi a:hover{  color:#323232; text-decoration:none; }
a.subnavi_aktuell:hover {color:#F8E6A2;}

#main_navi a:hover hat Specificity 0-1-1-1 (kein style-Attribut, 1 id, 1 Attribut, 1 Elementname) bzw. 111.
a.subnavi_aktuell:hover hat Specificity 0-0-2-1 (kein style-Attribut, keine id, 2 Attribute, 1 Elementname) bzw. 21.

111 ist höher als 21, also gewinnt logischerweise #main_navi a:hover{  color:#323232; /*...*/}, soweit es die color betrifft.

cu,
Andreas

--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.