Nutzen Sie dieseCSS-Referenz, um einenalphabetischen Index aller standardisiertenCSSEigenschaften,Pseudoklassen,Pseudo-Elemente,Datentypen,funktionalen Notationen undAt-Rules zu durchsuchen. Sie können auchwichtige CSS-Konzepte und eine Liste vonSelektoren, die nach Typ organisiert sind durchsuchen. Ebenfalls enthalten ist eine kurzeDOM-CSS / CSSOM-Referenz.

Grundlegende Syntaxregeln

Syntax der Stilregel

style-rule ::=    selectors-list {      properties-list    }

Wo:

selectors-list ::=    selector[:pseudo-class] [::pseudo-element]    [, selectors-list]properties-list ::=    [property : value] [; properties-list]

Siehe den Index derSelektoren,Pseudoklassen undPseudo-Elemente unten. Die Syntax für jeden angegebenenWert hängt von dem Datentyp ab, der für jede angegebeneEigenschaft definiert ist.

Beispiele für Stilregeln

strong {  color: red;}div.menu-bar li:hover > ul {  display: block;}

Für eine grundlegende Einführung in die Syntax von Selektoren sehen Sie sich unserenLeitfaden zu CSS-Selektoren an. Beachten Sie, dass jederSyntaxfehler in einer Regeldefinition die gesamte Regel ungültig macht. Ungültige Regeln werden vom Browser ignoriert. Beachten Sie, dass CSS-Regeldefinitionen vollständig (Unicode-)textbasiert sind, während DOM-CSS / CSSOM (das Regelverwaltungssystem)objektbasiert ist.

Syntax der At-Rules

Da die Struktur von At-Rules stark variieren kann, schauen Sie bitte unterAt-rule, um die Syntax der spezifischen Regel zu finden, die Sie benötigen.

Index

Selektoren

Die folgenden sind die verschiedenenSelektoren, die es ermöglichen, dass Stile bedingt auf verschiedenen Merkmalen von Elementen innerhalb des DOM basieren.

Grundlegende Selektoren

Grundlegende Selektoren sind fundamentale Selektoren; dies sind die einfachsten Selektoren, die häufig kombiniert werden, um andere, komplexere Selektoren zu erstellen.

• Universeller Selektor*
• Typselektorelementname
• Klassenselektor.classname
• ID-Selektor#idname
• Attributselektor[attr=value]

Gruppierungsselektoren

SelektorenlisteA, B

Gibt an, dass sowohlA als auchB Elemente ausgewählt werden. Dies ist eine Methode zur Gruppierung, um mehrere übereinstimmende Elemente auszuwählen.

Kombinatoren

Kombinatoren sind Selektoren, die eine Beziehung zwischen zwei oder mehr einfachen Selektoren herstellen, wie "A ist ein Kind vonB" oder "A ist nebenB", wodurch ein komplexer Selektor entsteht.

Nachbarschafts-KombinatorA + B

Gibt an, dass die vonA undB ausgewählten Elemente denselben Elternteil haben und dass das vonB ausgewählte Element dem vonA ausgewählten Element horizontal unmittelbar folgt.

Folge-KombinatorA ~ B

Gibt an, dass die vonA undB ausgewählten Elemente denselben Elternteil teilen und dass das vonA ausgewählte Element vor dem vonB ausgewählten kommt, aber nicht unbedingt unmittelbar davor.

Kind-KombinatorA > B

Gibt an, dass das vonB ausgewählte Element das direkte Kind des vonA ausgewählten Elements ist.

Nachfahr-KombinatorA B

Gibt an, dass das vonB ausgewählte Element ein Nachfahre des vonA ausgewählten Elements ist, aber nicht unbedingt ein direktes Kind.

Spalten-KombinatorA || BExperimentell

Gibt an, dass das vonB ausgewählte Element innerhalb der vonA angegebenen Tabellenspalte liegt. Elemente, die sich über mehrere Spalten erstrecken, gelten als Mitglieder all dieser Spalten.

Pseudo

Pseudoklassen:

Gibt einen speziellen Zustand der ausgewählten Elemente an.

Pseudo-Elemente::

Repräsentiert Entitäten, die nicht in HTML enthalten sind.

Konzepte

Syntax und Semantik

• CSS-Syntax
• At-Rules
• Kaskade
• Kommentare
• Deskriptor
• Vererbung
• Kurzschreib-Eigenschaften
• Spezifität
• Werte
• Wertedefinitions-Syntax
• CSS-Werte und -Einheiten
• Funktionale Notationen in CSS

Werte

• Tatsächlicher Wert
• Berechneter Wert
• Anfänglicher Wert
• Aufgelöster Wert
• Angegebener Wert
• Verwendeter Wert

Layout

• Block-Formatierungskontext
• Box-Modell
• Enthaltender Block
• Layout-Modus
• Randkollaps
• Ersetzte Elemente
• Stacking-Kontext
• Visuelles Formatierungsmodell

DOM-CSS / CSSOM

Wichtige Objekttypen

• Document.styleSheets
• HTMLElement.style
• Element.className
• Element.classList
• StyleSheetList
• CSSRuleList
• CSSRule
• CSSStyleRule
• CSSStyleDeclaration

Wichtige Methoden

• CSSStyleSheet.insertRule()
• CSSStyleSheet.deleteRule()

Siehe auch

• Mozilla CSS-Erweiterungen (mit dem Präfix-moz-)
• WebKit CSS-Erweiterungen (meistens mit dem Präfix-webkit-)

Externe Links

• CSS-Indizes (w3.org)