Direktnavigation

Weitere Infos

Sie lesen:
LB Teil 1 (2009)

Little Boxes Teil 1 (Cover)

Aktuell (2015)
Einstieg in CSS

Einstieg in CSS (Cover)


2. Auflage!

Einstieg in CSS (Cover)

Inhaltsbereich

11.3 1. Sortiere nach Wichtigkeit

Bei der Sammlung wurden mehrere Deklarationen gefunden, und dementsprechend versucht der Browser mithilfe eines »Kaskade« genannten Prozesses einen eindeutigen Wert zu finden.

Dabei wird zunächst geschaut, ob die gefundenen Deklarationen mit dem Zusatz !important (engl. für »wichtig«) als ganz besonders außergewöhnlich unwahrscheinlich wichtig gekennzeichnet wurden.

Normal: Deklarationen ohne !important

Bei normalen Deklarationen ohne den Zusatz !important gilt, dass Angaben im Browser-Stylesheet durch Angaben im Benutzer-Stylesheet überschrieben werden, die wiederum von Anweisungen aus einem Autoren-Stylesheet außer Kraft gesetzt werden. Oder kürzer:

  • Bei Deklarationen ohne !important gilt Autor vor Benutzer vor Browser.

Bei solchen Deklarationen haben Sie als Autor also das letzte Wort. Wenn Benutzer oder Browser einen anderen Wert definiert haben sollten, gewinnt Ihre Anweisung.

Wichtig: Deklarationen mit !important

Bei der Auswertung von Deklarationen mit dem Zusatz !important sieht das hingegen anders aus. Im Browser-Stylesheet gibt es per Definition keine als wichtig gekennzeichneten Deklarationen, bleiben also Autor und Benutzer als mögliche Quelle.

Wenn nun sowohl Autor als auch Benutzer eine Deklaration als !important markiert haben, gewinnt der Benutzer:

  • Bei Deklarationen mit !important gilt Benutzer vor Autor.

Im Zweifelsfall haben Sie als Autor der Webseite bei der Gestaltung gegenüber den Besuchern Ihrer Webseite also tatsächlich das Nachsehen.

Fazit: Wenn ein Benutzer in seinem Stylesheet eine Anweisung mit !important kennzeichnet, werden diese vom Browser genommen. Egal, was Sie als Autor der Webseite sich gewünscht haben.

Die Sortierung nach Wichtigkeit im Überblick

Aus dem Gesagten ergibt sich folgende Abstufung für die Sortierung der Deklarationen, von wichtig nach unwichtig:

  • Stufe 1: Deklarationen aus einem Benutzer-Stylesheet mit !important.
  • Stufe 2: Vom Autor definierte Deklarationen mit !important.
  • Stufe 3: Vom Autor definierte Deklarationen ohne !important.
  • Stufe 4: Deklarationen aus einem Benutzer-Stylesheet ohne !important.
  • Stufe 5: Deklarationen aus dem Browser-Stylesheet.

Stufe 3 ist in der Praxis wohl am häufigsten vertreten. Die folgende Tabelle zeigt die Sortierung nach Wichtigkeit für den unteren margin der ungeordneten Liste im Navibereich:

  Relevante Deklarationen Sortiere nach Wichtigkeit
1. ul {
  display: block;
  margin: 1em 0;
}
Stufe 5
2. * {
  padding: 0;
  margin: 0;
}
Stufe 3
3. h2, p, ul, ol {
  margin-bottom: 1em;
}
Stufe 3
4. #navibereich ul {
  margin-bottom: 0;
}
Stufe 3

Konkret bedeutet diese Tabelle Folgendes:

  • Der Benutzer hat keinerlei CSS-Angaben gemacht.
  • Anweisung Nr. 1 ist aus dem Browser-Stylesheet.
  • Nr. 2 bis 4 stammen aus dem Autoren-Stylesheet (bildschirm.css).
  • Keine der Deklarationen hat den Zusatz !important

Da Autoren-Styles in jedem Fall über Browser-Styles stehen, scheidet Anweisung Nr. 1 in dieser Runde aus.

Nummer 2 bis 4 stammen alle aus dem Autoren-Stylesheet bildschirm.css und ziehen gemeinsam in die nächste Runde der Kaskade.