CSS 检查器 – 检查 CSS 语法、属性和错误
CSS 检查器使用 css-tree 解析 CSS，并按行列位置报告语法错误，会跳过首个错误继续检查，以便发现更多问题。它还会将 CSS 规范表中不存在的属性名标记为可能的拼写错误，同时忽略自定义属性 (--*) 和厂商前缀。您可以与结果一同查看规则、声明和 @规则的计数。
CSS 检查器是基于浏览器的 CSS 语法检查工具，使用 css-tree 解析样式表。它按行列位置报告语法错误，并会跳过首个错误继续检查，以便您查看更多问题。工具还会将 CSS 规范表中没有的属性名标记为可能的拼写错误，并显示规则、声明和 @规则的计数。
检查过程中，CSS 会被解析，语法问题会连同其位置一起报告。规范表中不存在的属性名会被标记，但自定义属性 (--*) 和厂商前缀会被该项检查忽略。因此检查器有助于区分可能的拼写错误和它本应跳过的属性名模式。
CSS 用于描述样式规则和声明，而检查器则检查所提供的样式表是否可以解析，以及属性名是否出现在 CSS 规范表中。使用 CSS 检查器可以帮助开发者在 CSS 到达运行时失败的解析器之前发现错误、验证生成输出，以及无需手动翻找文件就能定位问题。
CSS 检查器完全在浏览器中运行：您的输入在自己的设备上处理，不会发送到服务器。页面加载后支持离线使用，之后无需联网即可使用。免费使用，开发者和 DevOps 工程师可以用它来检查样式表并查看检查结果。
步骤 1：将您的 CSS 粘贴或拖放到工具中。放入您想检查的样式表。
步骤 2：运行 CSS 检查。工具会解析您的输入并报告发现的语法错误。
步骤 3：查看每个报告的错误位置。利用行列信息定位 CSS 中的相关部分。
步骤 4：检查属性警告和计数。工具会标记无法识别的属性名，并显示规则、声明和 @规则的总数。
使用场景：在 CSS 文件到达解析器并在运行时失败之前先检查。检查器可以帮助您更早发现语法问题。
使用场景：直接找到语法错误的行和列，而不必手动二分查找文件。查看报告的位置，缩小排查范围。
使用场景：确认其他工具输出的是有效 CSS，而不仅仅是看起来像的文本。解析器会报告发现的语法错误。
使用场景：在样式表中查找可能的属性名拼写错误。检查器会标记规范表中没有的名称，同时忽略自定义属性和厂商前缀。
使用场景：在生成或编辑 CSS 后查看规则、声明和 @规则的计数。总数可以快速概览样式表的内容。
使用场景：检查使用了自定义属性或厂商前缀属性的样式表。属性名检查会忽略这些，因此不会将其标记为未知属性。