CSS字符转义
在线CSS字符转义工具,支持选择器标识符与字符串值双模式转义和反转义,兼容中文与特殊符号编码,适用于前端样式编写、选择器调试与自动化脚本处理场景。
转义选项
CSS字符转义说明
该工具用于将 CSS 选择器或字符串中的特殊字符进行安全转义,并支持反向还原。适用于前端样式编写、自动化脚本、抓取选择器生成和样式调试等场景。
CSS 转义规则
标识符转义规则
- 特殊字符使用反斜杠前缀
- 非 ASCII 字符转为 Unicode 码点转义
- 数字开头标识符按 CSS 规则转义
- 空格支持转义为 \
字符串转义规则
- 反斜杠转义为 \\
- 双引号转义为 \"
- 单引号转义为 \'
- 换行、回车、Tab 分别转义为 \n / \r / \t
使用场景
- 处理选择器中的 #、.、[、] 等特殊字符
- 处理中文类名、国际化内容选择器
- 处理数字开头的类名或 ID(如 .123class)
- 处理 CSS 属性字符串中的引号与换行
使用建议
- 选择器场景优先使用“标识符”模式。
- 属性值场景优先使用“字符串值”模式。
- 反转义时可粘贴包含 Unicode 转义的选择器文本。