<dashed-ident> CSS-Typ
Der <dashed-ident> CSS Datentyp ist ein groß-/kleinschreibungssensitiver <custom-ident>, der mit zwei Bindestrichen beginnt und eine beliebige Zeichenfolge darstellt, die als Bezeichner verwendet wird.
Syntax
Die Syntax von <dashed-ident> ähnelt der von CSS-Bezeichnern (wie z.B. Eigenschaftsnamen), mit der Ausnahme, dass sie groß-/kleinschreibungssensitiv ist. Es handelt sich um einen benutzerdefinierten Bezeichner, der mit zwei Bindestrichen (--) vorangestellt ist.
Die doppelten Bindestriche am Anfang machen sie leicht identifizierbar, wenn man durch einen CSS-Codeblock liest, und helfen, Namenskonflikte mit Standard-CSS-Schlüsselwörtern zu vermeiden.
Genau wie <custom-ident>s sind <dashed-ident>s vom Benutzer definiert. Jedoch sind einige <custom-ident>s von der CSS-Sprache selbst definiert; <dashed-ident>s werden niemals in CSS definiert.
Beispiele
Verwendung mit CSS-Benutzereigenschaften
Wenn ein <dashed-ident> als CSS-Benutzereigenschaft verwendet wird, wird die Eigenschaft zuerst deklariert und dann wird das <dashed-ident> innerhalb einer CSS-var()-Funktion benutzt.
html {
--primary-color: red;
--secondary-color: blue;
--tertiary-color: green;
}
h1,
h4 {
color: var(--primary-color);
}
h2,
h5 {
color: var(--secondary-color);
}
h3,
h6 {
color: var(--tertiary-color);
}