CSS-Referenz

Verwenden Sie diese CSS-Referenz, um ein alphabetisches Verzeichnis aller Standard-CSS-Eigenschaften, Pseudoklassen, Pseudoelemente, Datentypen, Funktionale Notationen und At-Regeln zu durchsuchen. Sie können auch wichtige CSS-Konzepte und eine Liste von Selektoren nach Typ organisiert durchsuchen. Ebenfalls enthalten ist eine kurze DOM-CSS / CSSOM-Referenz.

Grundlegende Regelsyntax

Stilregelsyntax

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

Wo:

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

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

Siehe das Verzeichnis der Selektoren, Pseudoklassen und Pseudoelemente unten. Die Syntax für jeden angegebenen Wert hängt vom definierten Datentyp für jede angegebene Eigenschaft ab.

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 lesen Sie unseren Leitfaden zu CSS-Selektoren. Beachten Sie, dass jeder Syntax-Fehler in einer Regeldarstellung die gesamte Regel ungültig macht. Ungültige Regeln werden vom Browser ignoriert. Beachten Sie, dass CSS-Regeldarstellungen vollständig (Unicode) textbasiert sind, während DOM-CSS / CSSOM (das Regelverwaltungssystem) objektbasiert ist.

At-Regelsyntax

Da die Struktur von At-Regeln stark variiert, lesen Sie bitte At-Regel, um die Syntax der spezifischen gewünschten Regel zu finden.

Index

Hinweis: Dieser Index enthält keine ausschließlich SVG-Präsentationsattribute, die als CSS-Eigenschaften für SVG-Elemente 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 zu machen.

Grundlegende Selektoren

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

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

Gruppierungsselektoren

Selektorenliste A, B: Gibt an, dass sowohl A- als auch B-Elemente ausgewählt werden. Dies ist eine Gruppierungsmethode, um mehrere passende Elemente auszuwählen.

Kombinatoren

Kombinatoren sind Selektoren, die eine Beziehung zwischen zwei oder mehr einfachen Selektoren herstellen, wie zum Beispiel „A ist ein Kind von B“ oder „A ist benachbart zu B“, wodurch ein komplexer Selektor entsteht.

Nachbar-Kombinator A + B: Gibt an, dass die Elemente, die von A und B ausgewählt sind, denselben Elternteil haben und dass das von B ausgewählte Element dem von A ausgewählten Element direkt horizontal folgt.
Nachfolgender-Geschwister-Kombinator A ~ B: Gibt an, dass die Elemente, die von A und B ausgewählt wurden, denselben Elternteil teilen und dass das von A ausgewählte Element vor dem von B ausgewählten Element kommt, aber nicht unbedingt direkt davor.
Kindkombinator A > B: Gibt an, dass das von B ausgewählte Element das direkte Kind des von A ausgewählten Elements ist.
Nachfolgerkombinator A B: Gibt an, dass das von B ausgewählte Element ein Nachkomme 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, werden als Mitglieder all dieser Spalten betrachtet.

Pseudo

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

Siehe auch Selektoren in der Selektoren-Spezifikation und die Pseudoelement-Spezifikation.

Mozilla CSS-Erweiterungen (mit -moz- vorangestellt)
WebKit CSS-Erweiterungen (meist mit -webkit- vorangestellt)

Externe Links

CSS-Verzeichnisse (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