Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Spezifität

Bei gleicher Gewichtung gemäß ihrer Herkunft werden Styleangaben entsprechend ihrer Spezifität gewichtet.

Ermittlung der Spezifität

Die Spezifität einer Angabe wird wie folgt ermittelt (Level a hat das höchste Gewicht):

  1. Level a: Angaben im style-Attribut
  2. Level b: Anzahl id-Selektoren,
  3. Level c: Anzahl class-Selektoren (auch Pseudoklassen),
  4. Level d: Anzahl Typselektoren.

Beispiele

Angabe Level Spezifität
style="color:red" a = 1; b = 0; c = 0; d = 0 1 0 0 0
#content p {} a = 0; b = 1; c = 0; d = 1 0 1 0 1
#content {} a = 0; b = 1; c = 0; d = 0 0 1 0 0
.imagebar {} a = 0; b = 0; c = 1; d = 0 0 0 1 0
p {} a = 0; b = 0; c = 0; d = 1 0 0 0 1

Der Universalselektor wird bei der Berechung der Spezifität nicht berücksichtigt.