Échappement / déséchappement CSS
Échappez du texte pour des identifiants et sélecteurs CSS exactement comme CSS.escape(), ou pour des chaînes CSS entre guillemets ; déséchappez les séquences \HEX.
19 caractères · 19 octets (UTF-8)
0 caractères · 0 octets (UTF-8)
S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.
Qu'est-ce que Échappement CSS ?
Échappe du texte pour l'utiliser comme identifiant CSS (un id ou une classe dans un sélecteur, par exemple dans querySelector) selon l'algorithme CSS.escape() du CSSOM, ou comme contenu d'une chaîne CSS entre guillemets. Il reconvertit aussi les échappements CSS en texte.
Comment utiliser Échappement CSS
- Choisissez Échapper ou Déséchapper.
- Pour échapper, choisissez le Contexte : Identifiant / sélecteur (CSS.escape) ou Valeur de chaîne entre guillemets ; si besoin, Échapper le non-ASCII en \HEX.
- Saisissez l'id, la classe ou la chaîne dans Entrée et copiez la Sortie.
Exemple
0a#b.c
\30 a\#b\.c
Quand utiliser Échappement CSS
Utilisez le mode identifiant chaque fois qu'un id ou une classe peut commencer par un chiffre ou contenir des caractères comme ., :, # ou des espaces, par exemple document.querySelector("#" + CSS.escape(id)). Utilisez le mode chaîne pour les valeurs content: ou les noms de police. Il ne valide ni ne minifie le CSS.
Comment fonctionne Échappement CSS
Le mode identifiant suit CSSOM §2.1 : NUL devient U+FFFD ; les caractères de contrôle, un chiffre initial ou un chiffre après un trait d'union initial deviennent des échappements de point de code \HEX ; un - isolé devient \- ; les lettres, chiffres, -, _ et caractères non ASCII restent ; tout autre caractère ASCII reçoit une barre oblique inverse (# → \#). Le mode chaîne échappe \, " et ' par une barre oblique inverse et les caractères de contrôle (dont les sauts de ligne) en \HEX . Le déséchappement lit \ plus 1 à 6 chiffres hexadécimaux et une espace facultative, supprime les sauts de ligne échappés et conserve littéralement les autres caractères échappés.
Cas d'utilisation courants
- Sélectionner des éléments dont l'id commence par un chiffre (
#\31 23) - Construire des sélecteurs à partir de noms de classe générés par des utilisateurs
- Écrire des caractères spéciaux dans des chaînes
content: - Lire des sélecteurs échappés générés par des outils
Questions Fréquentes
Pourquoi un chiffre initial devient-il \3X ?
Les identifiants CSS ne peuvent pas commencer par un chiffre : il est donc écrit sous forme de son point de code (1 = \31) suivi d'une espace qui termine l'échappement.
Est-ce identique à CSS.escape() du navigateur ?
Oui, le mode identifiant implémente la même spécification et donne une sortie identique.
Faut-il échapper les caractères non ASCII ?
Non, les fichiers CSS en UTF-8 peuvent les contenir directement. L'option sert pour les feuilles de style en ASCII pur.