CSS变量命名规则

2 min read

CSS 变量命名规则并没有严格的规范，但是可以遵循以下原则：

  1. 语义化命名：变量名需要能够清晰地表达其含义，有助于代码的可读性。比如 $header-bg-color，表示页面头部的背景颜色。

  2. 具有可读性：变量名应该是具有意义的单词或短语，或者是已知缩写。如果使用缩写，应该在注释中解释其含义。

  3. 使用小写和连接线：变量名应该使用小写字母和连接线，而不是驼峰式命名法或者下划线。

  4. 避免使用常用单词：避免使用常用单词作为变量名，这也是为了防止与 CSS 属性和 HTML 标签名称冲突。