首页CSS字符转义

CSS字符转义

在线CSS字符转义工具,支持选择器标识符与字符串值双模式转义和反转义,兼容中文与特殊符号编码,适用于前端样式编写、选择器调试与自动化脚本处理场景。

转义选项

CSS字符转义说明

该工具用于将 CSS 选择器或字符串中的特殊字符进行安全转义,并支持反向还原。适用于前端样式编写、自动化脚本、抓取选择器生成和样式调试等场景。

CSS 转义规则

标识符转义规则

  • 特殊字符使用反斜杠前缀
  • 非 ASCII 字符转为 Unicode 码点转义
  • 数字开头标识符按 CSS 规则转义
  • 空格支持转义为 \

字符串转义规则

  • 反斜杠转义为 \\
  • 双引号转义为 \"
  • 单引号转义为 \'
  • 换行、回车、Tab 分别转义为 \n / \r / \t

使用场景

  • 处理选择器中的 #、.、[、] 等特殊字符
  • 处理中文类名、国际化内容选择器
  • 处理数字开头的类名或 ID(如 .123class)
  • 处理 CSS 属性字符串中的引号与换行

使用建议

  • 选择器场景优先使用“标识符”模式。
  • 属性值场景优先使用“字符串值”模式。
  • 反转义时可粘贴包含 Unicode 转义的选择器文本。

数据默认在您的本地浏览器上处理,不会上传至服务器。如需上传会明确提示。

© 2026 See-Tool. 保留所有权利。 | 联系站长