Vergleich class und id

[Matthias Apsel]

Om nah hoo pez nyeetz, Gerhard!

Durch das Ersetzen von einer Klasse durch eine ID änderst du die Spezifität.

<div class="foo">  
  <p class="bar">Dieser Text ist blau</p>  
</div>

.bar {  
  color: red;  
}  
.foo p {  
  color: blue;  
}

Der Text des ersten Absatzes ist blau, weil der Selektor .foo p spezifischer ist als .bar.

<div class="foo">  
  <p id="bar">Dieser Text ist rot</p>  
</div>

#bar {  
  color: red;  
}  
.foo p {  
  color: blue;  
}

Hier ist jedoch der Selektor #bar spezifischer als .foo p.

http://wiki.selfhtml.org/wiki/CSS/Kaskade#Spezifität_der_Regelsätze
http://www.standardista.com/css3/css-specificity/

Matthias