✓ CSS 高级验证器

高级 CSS 验证,检查花括号配对、属性语法、@规则和缺失分号。详细行号报告——全部在浏览器中运行,无需上传。

关于 CSS 高级验证器

这个 CSS 验证器完全在你的浏览器中运行。粘贴你的 CSS,点击验证即可扫描常见语法问题。验证器检查花括号是否配对、圆括号是否配对、未闭合的字符串字面量、声明末尾缺失分号、属性名格式以及 @规则结构(@media、@import、@keyframes 等)。每个问题都会报告行号,方便你直接定位。

检查哪些内容?

  • 花括号配对 —— 每个 { 必须有匹配的 },且正确嵌套。
  • 圆括号配对 —— rgb()calc() 等值中的圆括号必须配对。
  • 字符串字面量 —— 引号字符串(如 content: "..."url("..."))必须闭合。
  • 缺失分号 —— 声明应以分号结尾(块中最后一条可省略,但建议保留)。
  • 属性名 —— 属性名应为有效标识符(字母、数字、连字符)。
  • @规则 —— @media@import@keyframes 等后面必须跟块或语句。

如何使用验证器

  1. 把 CSS 粘贴到输入框中。
  2. 点击验证
  3. 查看结果面板——有效的 CSS 显示成功;有问题会列出每个问题及行号。
  4. 在编辑器中修复问题后重新验证。

常见问题

会检查浏览器支持或厂商前缀吗? 不会。本工具只检查语法,不验证属性是否被浏览器支持或厂商前缀是否存在。

支持 SCSS、LESS 等预处理器吗? 不支持。本验证器针对标准 CSS。嵌套、变量($var)、mixin 等预处理器语法会被标记。

我的 CSS 会被上传吗? 不会,所有验证都在本地浏览器中完成。