Comment les références de caractères Unicode sont-elles utilisées pour représenter les pourcentages dans les noms de classes CSS ?

Que signifie le .container.31 2525 en CSS ?

En CSS, les identifiants peuvent contenir des caractères spéciaux, comme la barre oblique inverse ( ). Le caractère barre oblique inverse sert à différentes fins en CSS, selon le contexte.

Caractères d'échappement

Dans une chaîne, une barre oblique inverse suivie d'une nouvelle ligne est ignorée. En dehors d'une chaîne, une barre oblique inverse suivie d'une nouvelle ligne se représente.

Échapper aux caractères spéciaux

Une barre oblique inverse peut être utilisée pour échapper aux caractères CSS spéciaux, leur faisant perdre leur caractère spécial. signification. Par exemple, un guillemet double (") dans une chaîne peut être échappé comme ".

Références de caractères Unicode

Une barre oblique inverse suivie de jusqu'à six chiffres hexadécimaux (0 -9a-fA-F) représente le caractère ISO 10646 avec ce numéro. Un espace blanc ou un chiffre hexadécimal supplémentaire est utilisé pour terminer la référence.

Dans le code donné, la barre oblique inverse () est utilisée pour représenter une valeur en pourcentage dans le nom de classe de l'élément .container :

<code class="css">.container. 25 { /* 125% */
  width: 100%;
}</code>

Les caractères spéciaux 31, 25 et 25 représentent respectivement les nombres hexadécimaux pour les caractères "1", "%" et "%". Par conséquent, ce code est équivalent à :

<code class="css">.container[class ~= "125%"] { /* 125% */
  width: 100%;
}</code>

Ce sélecteur de classe correspond à tout élément ayant une classe contenant "125%". Le calcul de la largeur de l'élément est le suivant :

width = (containers * 125%)

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!