CSSLint可检测CSS中的潜在问题，提升性能与兼容性。它检查过时属性、低效选择器、重复规则、字体错误、单位 misuse、兼容性前缀缺失、语法错误、@import滥用及颜色对比度等问题，支持规则配置，帮助开发者避免常见陷阱。
CSSLint 是一个用于检测 CSS 代码中潜在问题的静态分析工具，它可以帮助开发者提高样式表的性能、可维护性和兼容性。它不强制某种编码风格，而是聚焦于实际可能引发问题的模式。以下是 CSSLint 常检查的一些常见错误和警告：
1. 使用了不推荐或过时的属性值
CSSLint 会识别一些已被废弃或在现代浏览器中表现不佳的写法。
- 使用 expression()（IE6-8 支持，但性能极差）
- 使用 behavior 或 filter 等非标准属性（除非明确允许）
2. 选择器性能问题
低效的选择器会影响页面渲染速度，尤其在复杂 DOM 中。
- 以通配符开头的选择器，如 * .className
- 过于深层嵌套，如 body div ul li a
- 使用标签限定 ID 选择器，如 div#header（ID 已唯一，无需标签限定）
- 重复的选择器定义，可能造成维护困难
3. 重复的样式规则
同一个样式表中多次定义相同的规则，容易导致维护混乱。
立即学习“前端免费学习笔记（深入）”；
- 相同的选择器在多个地方出现且样式重复
- CSSLint 可提示这些重复，帮助合并或重构
4. 字体相关错误
字体设置不当可能导致跨平台显示不一致。
- 未指定通用字体族（如缺少 sans-serif 或 monospace）
- 使用不推荐的字体名称，如 arial 未加引号或大小写不规范
5. 单位与数值错误
数值格式错误或不必要的单位使用会被标记。
- 0 值后仍添加单位，如 margin: 0px;（建议写成 0）
- 十六进制颜色值格式错误，如 #rrggbbaa（CSS2 不支持，除非使用 CSS3）
- 使用无效的颜色名称或拼写错误
6. 兼容性问题
某些属性在旧版浏览器中不被支持或需要前缀。
- 使用 border-radius、box-shadow 等而未提供 -webkit- 或 -moz- 前缀（可配置是否检查）
- 使用仅 IE 支持的语法且无注释说明
7. 空规则或语法错误
语法层面的问题会直接影响解析。
- 存在空的选择器块，如 .example { }
- 缺少大括号、分号，或括号不匹配
- 非法的属性名或值
8. @import 的滥用
@import 会阻塞 CSS 加载，影响性能。
- 在 CSS 文件中使用 @import 引入其他 CSS，CSSLint 会提示应使用 HTML 的 link 标签替代
9. 颜色表示与对比度建议
虽然不是严格错误，但某些规则可提示可访问性问题。
- 使用难以阅读的颜色组合（需结合其他工具深入分析）
- 缩写颜色值未使用最简形式，如 #ffffff 应写作 #fff
基本上就这些。CSSLint 的规则大多可配置，开发者可根据项目需求开启或关闭特定检查项，使其更贴合团队规范。合理使用能有效避免低级错误和性能隐患。不复杂但容易忽略。
