CSS-Referenz

Verwenden Sie diese CSS-Referenz, um einen alphabetischen Index aller standardmäßigen CSS-Eigenschaften, Pseudoklassen, Pseudo-Elemente, Datentypen, funktionalen Notationen und At-Rules zu durchsuchen. Sie können auch wichtige CSS-Konzepte und eine Liste von Selektoren nach Typ geordnet durchsuchen. Ebenfalls enthalten ist eine kurze DOM-CSS / CSSOM-Referenz.

Grundlegende Regelsyntax

Syntax von Stilregeln

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

Wo:

selectors-list ::=
    selector[:pseudo-class] [::pseudo-element]
    [, selectors-list]

properties-list ::=
    [property : value] [; properties-list]

Sehen Sie sich den Index von Selektoren, Pseudoklassen und Pseudo-Elementen unten an. Die Syntax für jeden angegebenen Wert hängt vom Datentyp ab, der für jede angegebene Eigenschaft definiert ist.

Beispiele für Stilregeln

css

strong {
  color: red;
}

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

Für eine Einführung auf Anfängerniveau in die Syntax von Selektoren, siehe unseren Leitfaden zu CSS-Selektoren. Beachten Sie, dass jeder Syntax-Fehler 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 von At-Rules

Da die Struktur von At-Rules stark variiert, besuchen Sie bitte At-Rule, um die Syntax der spezifischen At-Rule zu finden, die Sie benötigen.

Index

Hinweis: Dieser Index enthält keine SVG-exklusiven Präsentationsattribute, die als CSS-Eigenschaften auf SVG-Elementen verwendet werden können.

Hinweis: Die Eigenschaftsnamen in diesem Index enthalten nicht die JavaScript-Namen, die sich von den CSS-Standardnamen unterscheiden.

-

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

x
:xr-overlay
xywh()

Y

Z

Selektoren

Die folgenden sind die verschiedenen Selektoren, die es ermöglichen, Stile basierend auf verschiedenen Merkmalen von Elementen innerhalb des DOM bedingt anzuwenden.

Grundlegende Selektoren

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

Universalselektor *
Typselektor elementname
Klassenselektor .classname
ID-Selektor #idname
Attributselektor [attr=value]

Gruppierungsselektoren

Selektor-Liste A, B: Gibt an, dass sowohl A als auch B Elemente ausgewählt werden. Dies ist eine Gruppierungsmethode, 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 von B" oder "A ist benachbart zu B", und einen komplexen Selektor erstellen.

Nachbarschaftskombinator A + B: Gibt an, dass die Elemente, die sowohl von A als auch von B ausgewählt werden, denselben Elternteil haben und dass das von B ausgewählte Element dem von A ausgewählten Element horizontal unmittelbar folgt.
Folgekombinator A ~ B: Gibt an, dass die Elemente, die sowohl von A als auch von B ausgewählt werden, denselben Elternteil haben und dass das von A ausgewählte Element vor dem — aber nicht unbedingt unmittelbar vor dem — von B ausgewählten Element kommt.
Kindkombinator A > B: Gibt an, dass das von B ausgewählte Element das direkte Kind des von A ausgewählten Elements ist.
Nachfahrenkombinator A B: Gibt an, dass das von B ausgewählte Element ein Nachfahre des von A ausgewählten Elements ist, aber nicht unbedingt ein direktes Kind.
Spaltenkombinator A || B Experimentell: Gibt an, dass das von B ausgewählte Element innerhalb der von A angegebenen Tabellenspalte liegt. Elemente, die sich über mehrere Spalten erstrecken, gelten als Mitglied all dieser Spalten.

Pseudo

Pseudoklassen :: Gibt einen speziellen Zustand der ausgewählten Elemente an.
Pseudo-Elemente ::: Repräsentiert Entitäten, die nicht im HTML enthalten sind.

Siehe auch Selektoren in der Selektor-Spezifikation und die Pseudo-Elemente-Spezifikation.

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

Externe Links

CSS-Indizes (w3.org)

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden