Webdesign mit XHTML und CSS

FWPF | Fakultät Innenarchitektur | FH Rosenheim

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.