Style-Attribut lässt sich durch zentrales CSS mit !important übersteuern

Dieser Absatz sollte gemäss der Klasse [.p1] rot auf gelb sein.

Dieser Absatz sollte gemäss dem Style-Attribut grün auf hellblau sein.
(Gemäss der Klasse [.p1 - ohne !important] sollte er rot auf gelb sein).
Resultat (MS IE 6.0, Firefox 3.0, Opera 9.27): grün auf hellblau, das heisst:
Das Style-Attribut ist stärker als das zentrale CSS.

Dieser Absatz sollte gemäss dem Style-Attribut (ohne !important) grün auf hellblau sein.
Gemäss der Klasse (.p2 - mit !important) sollte er rot auf gelb sein.
Resultat (MS IE 6.0, Firefox 3.0, Opera 9.27): rot auf gelb, das heisst:
!important im zentralen CSS übersteuert das Style-Attribut.

Dieser Absatz sollte gemäss dem Style-Attribut (mit !important) grün auf hellblau sein.
Gemäss der Klasse (.p2 - mit !important) sollte er rot auf gelb sein.
Resultat (MS IE 6.0, Firefox 3.0, Opera 9.27): grün auf hellblau, das heisst:
Das Style-Attribut mit !important ist stärker als das zentrale CSS mit !important.

Siehe auch:

• Kapitel 6.4 "The Cascade" in CSS 1.0 / CSS 2.0 / CSS 2.1
  (mit den Abschnitten 6.4.1 Cascading order, 6.4.2 !important rules, 6.4.3 Calculating a selector's specificity)
• Linkliste: Spezifität (specificity) in den verschiedenen CSS-Versionen
• Beschreibung der !important Regel und der Spezifität in SelfHTML

<= Zur Übersicht der Testseiten

Zur Homepage: tiptom.ch Thomas Lüthi, luthi@my-mail.ch