Workshop Internet-Präsenz

Prioritäten und !important-Regel - Cascading Style Sheets

Eine Stilvorlage könnte durchaus sich wiedersprechende Regeln enthalten. Das kann sowohl die Stilvorlage des Autors betreffen als auch die Definitionen der Stilvorlage des Browsers oder des Benutzers.

Bei der Auswahl von Mehrfachdefinitionen werden drei Kriterien herangezogen:

  1. die Prioriät der Stilvorlage,
  2. die Gewichtung der Selektoren,
  3. die Reihenfolge des Vorkommens.

Dieser Absatz wird grün und nicht rot geschrieben, weil die Definition
    color: #00ff00 !important
gegenüber color: red eine höhere Priorität besitzt.

Dieser Absatz wird blau und nicht rot geschrieben, weil ein Id-Selektor immer eine höhere Priorität als ein Klassenselektor besitzt.

Die Überschrift wird rot und nicht blau geschrieben, weil diese Definition die zuletzt notierte ist.