Escape / remoção de escape de CSS
Faça o escape de texto para identificadores e seletores CSS exatamente como CSS.escape(), ou para strings CSS entre aspas; remova escapes \HEX. Lida com dígitos, emoji, # e .
19 caracteres · 19 bytes (UTF-8)
0 caracteres · 0 bytes (UTF-8)
Executa totalmente no seu navegador. Seus dados nunca são enviados.
O que é Escape de CSS?
Faz o escape de texto para que possa ser usado como identificador CSS – um id ou classe em um seletor, por exemplo em querySelector – seguindo o algoritmo CSS.escape() do CSSOM, ou como conteúdo de uma string CSS entre aspas. Também converte escapes CSS de volta para texto.
Como usar Escape de CSS
- Escolha Escapar ou Remover escape.
- Para escapar, escolha o Contexto: Identificador / seletor (CSS.escape) ou Valor de string entre aspas; opcionalmente, Escapar não ASCII como \HEX.
- Informe o id, a classe ou a string em Entrada e copie a Saída.
Exemplo
0a#b.c
\30 a\#b\.c
Quando usar Escape de CSS
Use o modo identificador sempre que um id ou classe puder começar com dígito ou conter caracteres como ., :, # ou espaços – por exemplo, document.querySelector("#" + CSS.escape(id)). Use o modo string para valores de content: ou nomes de fontes. Ele não valida nem minifica CSS.
Como funciona Escape de CSS
O modo identificador segue o CSSOM §2.1: NUL vira U+FFFD; caracteres de controle, um dígito inicial ou um dígito depois de um hífen inicial viram escapes de ponto de código \HEX ; um - isolado vira \-; letras, dígitos, -, _ e caracteres não ASCII ficam como estão; todo outro caractere ASCII recebe uma barra invertida (# → \#). O modo string faz o escape de \, " e ' com barra invertida e de caracteres de controle (inclusive quebras de linha) como \HEX . A remoção de escape lê \ mais 1–6 dígitos hex e um espaço em branco opcional, remove quebras de linha com escape e mantém literalmente os demais caracteres com escape.
Casos de Uso Comuns
- Selecionar elementos cujos ids começam com dígito (
#\31 23) - Montar seletores a partir de nomes de classe gerados por usuários
- Escrever caracteres especiais em strings
content: - Ler seletores com escape gerados por ferramentas
Perguntas Frequentes
Por que um dígito inicial vira \3X ?
Identificadores CSS não podem começar com dígito, então o dígito é escrito como seu ponto de código (1 = \31) seguido de um espaço que encerra o escape.
É o mesmo que o CSS.escape() do navegador?
Sim, o modo identificador implementa a mesma especificação e gera saída idêntica.
Preciso fazer o escape de caracteres não ASCII?
Não, arquivos CSS em UTF-8 podem contê-los diretamente. A opção é para folhas de estilo só ASCII.