Class- und ID-Kombination

[Gernot Back]

Hallo Notschko,

/* CSS-Datei */

div#EinDiv.rot {
  background-color: #FF0000;
}

div#EinDiv.gruen {
  background-color: #00FF00;
}

div#EinDiv.blau {
  background-color: #0000FF;
}

/* HTML-Datei */
...
<div id="EinDiv" class="gruen"></div>

Wie ist es denn, wenn du es umgekehrt machst?

  
div.rot#EinDiv{  
  background-color: #FF0000;  
}  
  
div.gruen#EinDiv {  
  background-color: #00FF00;  
}  
  
div.blau#EinDiv{  
  background-color: #0000FF;  
}

Also der Rangfolge nach vom allgemeinen Elementselektor über den spezifischeren Klassenselektor zum ganz spezifischen ID-Selektor, was ja auch logischer wäre?

http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet

Gruß Gernot