jörg kolla: Problem mit Vererbung

Beitrag lesen

Hallo

#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.

oha, das ist mir jetzt komplett neu. Ich dachte immer, das zuletzt auftauchende überschreibt alle vorhergehenden. DAs mit der Specificity hab ich noch nie gehört, klingt aber logisch. Werd ich mir mal ansehen.

Hast Du einen Vorschlag, wie ich das erreichen kann, was ich vorhab?

Danke vielmals, jk