Les premiers nombres dans les noms de classes CSS peuvent-ils être validés ?

Noms de classe CSS non valides avec des chiffres en tête : une solution de contournement

Bien que HTML autorise les noms de classe commençant par des chiffres, tels que ".000000- 8", les navigateurs affichent souvent des problèmes avec ces classes. Cependant, il existe une solution de contournement pour valider les classes CSS avec des nombres non significatifs.

Échapper au chiffre

Selon la syntaxe CSS, les identifiants CSS ne peuvent pas commencer par un chiffre non échappé. Cependant, cette limitation peut être contournée en échappant le chiffre.

Syntaxe des chiffres d'échappement

Pour échapper un chiffre, utilisez le format suivant :

.\<octal_number>

Ici, représente la représentation octale du chiffre.

Exemple

Pour échapper le chiffre « 0 » dans le nom de classe « .000000-8 », utilisez le sélecteur suivant :

. 00000-8

Échappement simplifié

Vous pouvez également simplifier l'échappement en représentant le nombre octal sous la forme d'une chaîne décimale avec zéro :

.003000000-8

Ces deux sélecteurs correspondront à un élément portant le nom de classe « 000000-8 ».

Attention

Bien que cette solution de contournement vous permette d'utiliser des noms de classe avec un début numéros, il est généralement recommandé d’éviter de tels noms. Ils peuvent entraîner des problèmes de compatibilité et rendre les sélecteurs CSS plus difficiles à lire et à maintenir.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!