====== Kaskadierung und Priorität ====== ===== Kaskadierung ===== Wie bereits bekannt, kann man mehrere (X)HTML-Elemente ineinander verschachteln und somit können durch die Vererbung einem Element verschiedene Werte für die gleiche CSS-Eigenschaft zugewiesen werden. Dabei gilt: Es setzt sich der Wert durch, der am spezifischten für das jeweilige Element ist. Die Kaskade bezeichnet das hierarchisches System, das den Stilanweisungen je nach Herkunft unterschiedliches Gewicht verleiht. Wie bei der Vererbung haben spezifischere - d. h. näher am Wirkungsort definierte - Regeln Vorrang vor den allgemeineren. An dieser Hierarchie sind insgesamt - mit steigender Gewichtung - beteiligt: * Default-Einstellungen des Browsers * externe Style Sheets; werden mehrere externe Style Sheets mit einem Dokument verlinkt, haben im Konfliktfall die in der zuletzt eingelesenen CSS-Datei enthaltenen Anweisungen Vorrang; * eingebettete (im Dokumentskopf definierte) Style Sheets; * inline-Stilvorgaben. **Beispiel:** * Es gibt eine div-Box, die für font-size den Wert 12pt zugewiesen bekommt. * Darin gibt es zwei p-Boxen (also Absätze), * eine davon weist font-size den Wert 10pt zu, * die andere setzt diese Eigenschaft nicht. * Dann gilt bei der ersten p-Box die spezifischte Eigenschaft, also 10pt. * Bei der zweiten p-Box gilt die allgemeine Eigenschaft der übergeordneten Box (12pt), weil es keine eigene Eigenschaft dazu gibt. Spezifität

Beispielabsatz

Beispielabsatz

 ===== Priorität ===== ===== Links ===== * [[http://www.css4you.de/wscss/css06.html|CSS4You: Informationen über die Kaskadierung]]