Escapar / desescapar CSS
Escapa texto para identificadores y selectores CSS exactamente como CSS.escape(), o para cadenas CSS entre comillas; desescapa secuencias \HEX. Admite dígitos, emoji, # y .
19 caracteres · 19 bytes (UTF-8)
0 caracteres · 0 bytes (UTF-8)
Se ejecuta completamente en tu navegador. Tus datos nunca se suben.
¿Qué es Escape de CSS?
Escapa texto para poder usarlo como identificador CSS —un id o una clase en un selector, por ejemplo en querySelector— siguiendo el algoritmo CSS.escape() de CSSOM, o como contenido de una cadena CSS entre comillas. También convierte los escapes CSS de vuelta a texto.
Cómo usar Escape de CSS
- Elige Escapar o Desescapar.
- Para escapar, elige el Contexto: Identificador / selector (CSS.escape) o Valor de cadena entre comillas; opcionalmente, Escapar no ASCII como \HEX.
- Introduce el id, la clase o la cadena en Entrada y copia la Salida.
Ejemplo
0a#b.c
\30 a\#b\.c
Cuándo usar Escape de CSS
Usa el modo identificador siempre que un id o una clase pueda empezar por un dígito o contener caracteres como ., :, # o espacios, p. ej., document.querySelector("#" + CSS.escape(id)). Usa el modo cadena para valores content: o nombres de fuentes. No valida ni minifica CSS.
Cómo funciona Escape de CSS
El modo identificador sigue CSSOM §2.1: NUL se convierte en U+FFFD; los caracteres de control, un dígito inicial o un dígito tras un guion inicial se convierten en escapes de punto de código \HEX ; un - solitario se convierte en \-; las letras, los dígitos, -, _ y los caracteres no ASCII se mantienen; cualquier otro carácter ASCII recibe una barra invertida (# → \#). El modo cadena escapa \, " y ' con una barra invertida y los caracteres de control (incluidos los saltos de línea) como \HEX . Al desescapar se lee \ más 1–6 dígitos hex y un espacio opcional, se eliminan los saltos de línea escapados y los demás caracteres escapados se mantienen literalmente.
Casos de Uso Comunes
- Seleccionar elementos cuyos ids empiezan por un dígito (
#\31 23) - Construir selectores a partir de nombres de clase generados por usuarios
- Escribir caracteres especiales en cadenas
content: - Leer selectores escapados generados por herramientas
Preguntas Frecuentes
¿Por qué un dígito inicial se convierte en \3X ?
Los identificadores CSS no pueden empezar por un dígito, así que el dígito se escribe como su punto de código (1 = \31) seguido de un espacio que cierra el escape.
¿Es lo mismo que el CSS.escape() del navegador?
Sí, el modo identificador implementa la misma especificación y da una salida idéntica.
¿Tengo que escapar los caracteres no ASCII?
No, los archivos CSS en UTF-8 pueden contenerlos directamente. La opción es para hojas de estilo solo ASCII.