Wie formatiere ich Elemente mit CSS-Klassennamen, die mit Zahlen beginnen?

CSS-Klassennamen, die mit Zahlen beginnen: Eine Problemumgehung

Obwohl die CSS-Grammatik die Verwendung von Klassennamen verbietet, die mit Zahlen beginnen, gibt es Fälle, in denen Solche Klassennamen gibt es in HTML-Dokumenten. In diesem Artikel wird eine Problemumgehung untersucht, um diese Namen in CSS gültig zu machen.

Problemübersicht

Gemäß CSS-Syntax kann ein Bezeichner nicht mit einer Ziffer ohne Escapezeichen beginnen. Klassen, die mit Zahlen beginnen, wie zum Beispiel „.000000-8“, sind daher ungültig.

Problemumgehung

Die Problemumgehung, um CSS-Klassen mit Namen, die mit Zahlen beginnen, gültig zu machen beinhaltet das Escapen der Ziffern.

Durch die Verwendung der CSS-Escape-Sequenz „“ kann die Ziffer in ein Escape-Zeichen umgewandelt werden. Der Klassenname „.000000-8“ kann beispielsweise wie folgt ausgedrückt werden:

<code class="css">. 00000-8 {background:url(../../images/common/000000-0.8.png);}</code>

oder

<code class="css">.<pre class="brush:php;toolbar:false"><code class="css">. 00000-8 { ... }</code>

003000000-8 {background:url(../../images/common/FFFFFF-0.8.png);}

Beispielverwendung

Um das Escape-Zeichen in einem CSS-Selektor zu verwenden, stellen Sie einfach der führenden Ziffer die Escape-Sequenz voran. Der folgende Selektor würde beispielsweise ein Element mit der Klasse „000000-8“ abgleichen:

Praktische Überlegungen

Obwohl diese Problemumgehung das technische Problem löst, Generell wird davon abgeraten, Klassennamen zu verwenden, die mit Zahlen beginnen. Dies kann zu Verwirrung führen und die Codepflege erschweren. Wenn möglich, verwenden Sie am besten alphanumerische Klassennamen ohne führende Ziffern.

Das obige ist der detaillierte Inhalt vonWie formatiere ich Elemente mit CSS-Klassennamen, die mit Zahlen beginnen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!