Nachfrage (Klasse überschreibt ID des Elternelements)

[Shepard (nl)]

Hi,

das verstehe ich nicht ganz:

<div id="main">
<a href="#">Home </a>  <a href="#"> Termine </a> <a href="#" class="anwahl"> Produkte </a>
</div>

Wenn du Formate bereits in einem Selektor mit ID angegeben hast übschreiben diese die Formate, die du in einer Klasse angegeben hast, da IDs wichtiger sind als Klassen.

Aber Klasse und ID beziehen sich doch auf unterschiedliche Elemente. Zunächst erben alle <a> zwar die Eigenschaften von <div id="main">, aber warum sollte die Klasse eines Nachfahrenelementes das nicht selektiv überschreiben können?

Wenn ich für das Beispiel da oben folgende Styles notiere:

  
#main { color:red; }  
.anwahl { color:green; }  

bekomme ich doch selbstverständlich "Home" und "Termine" in rot, aber "Produkte" in grün angezeigt.

Noch selektiver wäre

  
#main a.anwahl { color:green; }  

was aber in diesem Beispiel auf das Gleiche hinausläuft.

Sorry, falls ich dumm frage, vielleicht habe ich nur die Ausgangsfrage falsch verstanden?

Shepard