命名约定
2018-02-23 16:21 更新
在本节,我们不会讨论适用于大规模和可维护的最佳 CSS 命名方案,因为这不仅仅超过了个人的能力范围,也不是一个Sass样式指南可以解决的问题。我个人推荐遵从 CSS Guidelines 的建议。
良好的命名对保持整体代码的一致性和可读性非常重要,在 Sass 中可以命名的地方如下:
- 变量;
- 函数;
- 混合宏。
由于 Sass 占位符遵循和类名相同的命名模式,因此被视为常规的 CSS 选择器,也就在这个列表中故意忽略掉了。
就变量、函数和混合宏的命名而言,我们坚持一些很 CSS-y 的风格:小写连字符分隔,有意义的命名。
$vertical-rhythm-baseline: 1.5rem;
@mixin size($width, $height: $width) {
// ...
}
@function opposite-direction($direction) {
// ...
}
扩展阅读
以上内容是否对您有帮助:
← 选择器嵌套
更多建议: