Können führende Zahlen in CSS-Klassennamen validiert werden?

Ungültige CSS-Klassennamen mit führenden Zahlen: Eine Problemumgehung

Obwohl HTML Klassennamen zulässt, die mit Zahlen beginnen, wie zum Beispiel „.000000-“ 8“ zeigen Browser häufig Probleme mit diesen Klassen an. Es gibt jedoch eine Problemumgehung, um CSS-Klassen mit führenden Zahlen zu validieren.

Die Ziffer mit Escapezeichen versehen

Gemäß der CSS-Syntax können CSS-Bezeichner nicht mit einer Ziffer ohne Escapezeichen beginnen. Diese Einschränkung kann jedoch umgangen werden, indem die Ziffer maskiert wird.

Syntax für das Escapen von Ziffern

Um eine Ziffer zu maskieren, verwenden Sie das folgende Format:

.\<octal_number>

Hier stellt die oktale Darstellung der Ziffer dar.

Beispiel

Um die Ziffer „0“ im Klassennamen „.000000-8“ zu maskieren, verwenden Sie den folgenden Selektor:

. 00000-8

Vereinfachtes Escapen

Alternativ können Sie das Escapen vereinfachen, indem Sie die Oktalzahl als mit Nullen aufgefüllte Dezimalzeichenfolge darstellen:

.003000000-8

Beide Selektoren stimmen mit einem Element mit dem Klassennamen „000000-8“ überein.

Achtung

Mit dieser Problemumgehung können Sie Klassennamen mit führenden Namen verwenden Da es sich um Zahlen handelt, wird generell empfohlen, solche Namen zu vermeiden. Sie können zu Kompatibilitätsproblemen führen und das Lesen und Warten von CSS-Selektoren erschweren.

Das obige ist der detaillierte Inhalt vonKönnen führende Zahlen in CSS-Klassennamen validiert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!