Quel est le but de la barre oblique inverse dans ".container.\31 25\25" de CSS ?

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

• Echaping Special Characters : 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 faciles à saisir dans le document.

Dans l'exemple :

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

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

Par conséquent, la barre oblique inverse échappe au signe de pourcentage, lui permettant d'être traité dans le cadre de l’identifiant plutôt que d’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 ne serait pas valide 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 de pourcentage peuvent être utilisées comme noms de classe, permettant un style flexible en fonction de la taille des conteneurs.