Kapitel 4. Spezifität, Vererbung und die Kaskade
Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com
In den Kapiteln 2 und 3 wurde gezeigt, wie die Dokumentstruktur und CSS-Selektoren es dir ermöglichen, eine Vielzahl von Stilen auf Elemente anzuwenden. Da du weißt, dass jedes gültige Dokument einen Strukturbaum erzeugt, kannst du Selektoren erstellen, die Elemente auf der Grundlage ihrer Vorgänger, Attribute, Geschwisterelemente und mehr ansprechen. Der Strukturbaum ermöglicht die Funktion von Selektoren und ist auch für einen anderen wichtigen Aspekt von CSS von zentraler Bedeutung: die Vererbung.
Vererbung ist der Mechanismus, durch den einige Eigenschaftswerte von einem Element an ein nachgeordnetes Element weitergegeben werden. Bei der Entscheidung, welche Werte für ein Element gelten sollen, muss ein User Agent nicht nur die Vererbung, sondern auch die Besonderheit der Deklarationen sowie den Ursprung der Deklarationen selbst berücksichtigen. Dieser Abwägungsprozess wird als Kaskade bezeichnet.
Wir werden in diesem Kapitel die Wechselbeziehung zwischen diesen drei Mechanismen - Spezifität, Vererbung und Kaskade - untersuchen. Im Moment lässt sich der Unterschied zwischen den beiden letztgenannten Mechanismen so zusammenfassen: Wenn wir h1 {color: red; color: blue;} schreiben, wird <h1> aufgrund der Kaskade blau, und jedes <span> innerhalb von <h1> wird aufgrund der Vererbung ebenfalls blau. ...