Spezifität Um den alten Stil zu überschreiben, wird die Spezifität aus der verketteten Zeichenfolge jedes Selektortyps berechnet. Es handelt sich um eine Gewichtung, die dem passenden Ausdruck entspricht.
Die Liste der Selektoren mit zunehmender Priorität:
Allgemeiner Selektor (*)
Element (Typ) Selektor
Klassenselektor
Attributselektor
Pseudoklassen -
ID-Selektor
Inline -
Stilvererbung (Vererbung)
Boxmodell (Boxmodell)
Rand Randkante, Randkante, Füllkante und Inhalt Rand.
Das Zusammenklappen des Randes und
das Stapeln des Z-Index
sind nur in übergeordneten Stapelkontexten sinnvoll. Untergeordnete Stapelkontexte werden automatisch als vom übergeordneten Stapelkontext getrennte Einheit behandelt.
Blockformatierungskontexte sind
ein Bereich, der verwendet wird, um das Layout von Blockboxen und das Ausmaß der Interaktion von Floats zu bestimmen. Ein Blockformatierungskontext umfasst alle untergeordneten Elemente des Elements, das ihn erstellt hat, jedoch keine untergeordneten Elemente des Elements, das den neuen Blockformatierungskontext erstellt hat.
Der Anfangswert (initial) in CSS3 ermöglicht es dem Autor, das Schlüsselwort initial zu verwenden, um den Anfangswert explizit festzulegen. Der angegebene Anfangswert hat unterschiedliche Bedeutungen für verschiedene geerbte oder nicht geerbte Eigenschaften
Der berechnete Wert (berechnet) wird aus dem angegebenen Wert berechnet: Behandeln Sie die Sonderwerte „erben“ und „initial“ und berechnen Sie den Wert gemäß der in der Zusammenfassung der Eigenschaft beschriebenen Methode
über
berechnete Wert“ der berechneten Eigenschaft umfasst normalerweise die Umrechnung des relativen Wertes in absolute Werte (z. B. EM-Einheiten oder Prozentsätze).
Die Hauptverwendung berechneter Werte ist die Vererbung, einschließlich des Schlüsselworts inherit.
Für verschiedene Attribute kann der von der DOM-API getComputedStyle() zurückgegebene analysierte Wert ein berechneter Wert oder ein angewendeter Wert sein.
Der angewendete Wert (used) ist der endgültige Wert, der nach Abschluss aller Berechnungen verwendet wird und über window.getComputedStyle abgerufen werden kann.
Tatsächliche Werte (
Kurzschrifteigenschaften) Kurzschrifteigenschaften sind CSS-Eigenschaften, mit denen Sie mehrere andere CSS-Eigenschaftswerte festlegen können zur gleichen Zeit.
Mithilfe von Kurzschrifteigenschaften können Webentwickler sauberere, besser lesbare Stylesheets schreiben und so Zeit und Mühe sparen.
Die Liste der Selektoren mit zunehmender Priorität:
Allgemeiner Selektor (*)
Element (Typ) Selektor
Klassenselektor
Attributselektor
Pseudoklassen -
ID-Selektor
Inline -
Stilvererbung (Vererbung)
Boxmodell (Boxmodell)
Rand Randkante, Randkante, Füllkante und Inhalt Rand.
Das Zusammenklappen des Randes und
das Stapeln des Z-Index
sind nur in übergeordneten Stapelkontexten sinnvoll. Untergeordnete Stapelkontexte werden automatisch als vom übergeordneten Stapelkontext getrennte Einheit behandelt.
Blockformatierungskontexte sind
ein Bereich, der verwendet wird, um das Layout von Blockboxen und das Ausmaß der Interaktion von Floats zu bestimmen. Ein Blockformatierungskontext umfasst alle untergeordneten Elemente des Elements, das ihn erstellt hat, jedoch keine untergeordneten Elemente des Elements, das den neuen Blockformatierungskontext erstellt hat.
Der Anfangswert (initial) in CSS3 ermöglicht es dem Autor, das Schlüsselwort initial zu verwenden, um den Anfangswert explizit festzulegen. Der angegebene Anfangswert hat unterschiedliche Bedeutungen für verschiedene geerbte oder nicht geerbte Eigenschaften
Der berechnete Wert (berechnet) wird aus dem angegebenen Wert berechnet: Behandeln Sie die Sonderwerte „erben“ und „initial“ und berechnen Sie den Wert gemäß der in der Zusammenfassung der Eigenschaft beschriebenen Methode
über
berechnete Wert“ der berechneten Eigenschaft umfasst normalerweise die Umrechnung des relativen Wertes in absolute Werte (z. B. EM-Einheiten oder Prozentsätze).
Die Hauptverwendung berechneter Werte ist die Vererbung, einschließlich des Schlüsselworts inherit.
Für verschiedene Attribute kann der von der DOM-API getComputedStyle() zurückgegebene analysierte Wert ein berechneter Wert oder ein angewendeter Wert sein.
Der angewendete Wert (used) ist der endgültige Wert, der nach Abschluss aller Berechnungen verwendet wird und über window.getComputedStyle abgerufen werden kann.
Tatsächliche Werte (
Kurzschrifteigenschaften) Kurzschrifteigenschaften sind CSS-Eigenschaften, mit denen Sie mehrere andere CSS-Eigenschaftswerte festlegen können zur gleichen Zeit.
Mithilfe von Kurzschrifteigenschaften können Webentwickler sauberere, besser lesbare Stylesheets schreiben und so Zeit und Mühe sparen.