Pourquoi utiliser des barres obliques inverses dans les noms de classe CSS comme \".container.\\31 25\\25\" ?

Quel est le but du caractère barre oblique inverse dans ".container.31 2525" de CSS ?

Dans le code CSS fourni, le caractère barre oblique inverse () répond à un objectif spécifique lié à l'échappement de l'identifiant. Selon la spécification CSS :

• Échappement des caractères spéciaux : Une barre oblique inverse peut annuler la signification des caractères CSS spéciaux. Dans ce cas, cela empêche le signe de pourcentage (%) d'être reconnu comme le début d'un calcul CSS.
• Références de points de code numériques : Lorsqu'elle est suivie de six chiffres hexadécimaux, une barre oblique inverse peut représentent un caractère Unicode spécifique. Cela permet aux auteurs de faire référence à des caractères qui ne sont pas facilement saisis dans le document.

Dans l'exemple :

.container.31 2525 est équivalent à .container[class ~= " 125%"].

• 31 est la représentation hexadécimale du nombre 1.
• 25 est la représentation hexadécimale du nombre 17.
• 25 est le pourcentage signe, échappé pour supprimer sa signification particulière.

Par conséquent, la barre oblique inverse échappe au signe de pourcentage, lui permettant d'être traité comme une partie de l'identifiant plutôt que comme un calcul. Cette technique garantit que la valeur « 125 % » est interprétée comme un nom de classe plutôt que comme un calcul.

Sans la barre oblique inverse, l'identifiant commencerait par un nombre et serait invalide selon la syntaxe CSS :

• .container.125% n'est pas valide car les identifiants ne peuvent pas commencer par un nombre.

En utilisant la barre oblique inverse, les valeurs en pourcentage peuvent être utilisées comme noms de classe, permettant un style flexible basé sur le conteneur tailles.

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!