CSS Character Escape

Online CSS character escape tool with identifier/string modes for escaping and unescaping selectors, supporting Chinese and special symbols, ideal for frontend styling, selector debugging, and automation scripts.

Input

Escape mode

Identifier (class, id, selector)String valueEscape line breaks (\n / \r)

Escaped result

Documentation

About CSS Character Escape Tool

This tool converts special characters in CSS identifiers/strings with two-way escape and unescape processing.

Key Features

Escape Processing: Escapes special symbols and Unicode based on CSS rules.
Unescape Processing: Restores escaped CSS sequences to readable text.
Mode Selection: Identifier mode vs string mode.
Newline Option: Optional newline escaping behavior.
Detail Mapping: Displays before/after character mappings.

Steps

Choose Escape or Unescape.
Enter input text.
Select identifier/string mode and options.
Copy output into your stylesheet.

Use Cases

Safely handling special chars in class/variable names.
Building valid content text in CSS.
Migrating legacy escaped style text.

FAQ

Identifier mode vs string mode?

They target different CSS contexts with different allowed characters and escaping behavior.

Why are backslashes still present after unescape?

Input may contain non-standard or double-escaped segments. Check source text in smaller chunks.