<ident>
Der <ident>
CSS-Datentyp bezeichnet eine beliebige Zeichenkette, die als Identifier verwendet wird.
Syntax
Ein CSS-Identifier besteht aus einem oder mehreren Zeichen, die folgendes umfassen können:
- jedes ASCII-Zeichen im Bereich
A-Z
unda-z
- jede Dezimalziffer (
0
bis9
) - ein Bindestrich (
-
) - ein Unterstrich (
_
) - jedes andere Unicode-Zeichen
U+00A0
und höher (das heißt, jedes andere nicht-ASCII Unicode-Zeichen) - ein escaped character
Zusätzlich darf ein Identifier nicht mit einer nicht-escaped Ziffer beginnen und nicht mit einem nicht-escaped Bindestrich gefolgt von einer nicht-escaped Ziffer starten.
Beachten Sie, dass id1
, Id1
, iD1
und ID1
alle unterschiedliche Identifier sind, da sie case-sensitive sind. Andererseits, da es mehrere Möglichkeiten gibt, ein Zeichen zu escapen, sind toto\?
und toto\3F
die gleichen Identifier.
Escaping characters
Escapen eines Zeichens bedeutet, es so darzustellen, dass seine Interpretation durch ein Softwaresystem verändert wird. In CSS können Sie ein Zeichen escapen, indem Sie einen Backslash (\
) vor das Zeichen setzen. Jedes Zeichen, außer den hexadezimalen Ziffern 0-9
, a-f
und A-F
, kann auf diese Weise escaped werden. Zum Beispiel kann &
als \&
escaped werden.
Sie können auch jedes Zeichen mit einem Backslash gefolgt vom Unicode-Codepunkt des Zeichens, dargestellt durch ein bis sechs hexadezimale Ziffern, escapen. Zum Beispiel kann &
als \26
escaped werden. Bei dieser Verwendung, wenn das escaped Zeichen von einer hexadezimalen Ziffer gefolgt wird, können Sie Folgendes tun:
- Platzieren Sie ein Leerzeichen oder ein anderes Leerzeichenzeichen nach dem Unicode-Codepunkt.
- Geben Sie den vollständigen sechsstelligen Unicode-Codepunkt des zu escapenden Zeichens an.
Zum Beispiel kann der String &123
als \26 123
(mit einem Leerzeichen) oder \000026123
(mit dem sechsstelligen Unicode-Codepunkt für &
) escaped werden, um sicherzustellen, dass 123
nicht als Teil des Escape-Musters betrachtet wird.
Beispiele
Gültige Identifier
nono79 /* A mix of alphanumeric characters and numbers */ ground-level /* A mix of alphanumeric characters and a dash */ -test /* A hyphen followed by alphanumeric characters */ --toto /* A custom-property like identifier */ _internal /* An underscore followed by alphanumeric characters */ \22 toto /* An escaped character followed by alphanumeric characters */ \000022toto /* Same as the previous example */ scooby\.doo /* A correctly escaped period */ 🔥123 /* A non-ASCII character followed by numbers */
Ungültige Identifier
34rem /* Must not start with a decimal digit */ -12rad /* Must not start with a dash followed by a decimal digit */ scooby.doo /* ASCII characters apart from alphanumerics must be escaped */ 'scoobyDoo' /* Treated as a string */ "scoobyDoo" /* Treated as a string */
Spezifikationen
Specification |
---|
CSS Values and Units Module Level 4 # typedef-ident |
Browser-Kompatibilität
Da dieser Typ kein realer Typ ist, sondern ein Bequemlichkeitstyp zur Vereinfachung der Definition anderer CSS-Syntax, gibt es keine Browser-Kompatibilitätsinformationen in diesem Sinne.