在 Sass 中,变量名的分隔符可以是中划线(-)或下划线(_)。两者在实际使用中没有太大的功能差异,而更多是一种个人或团队的编码风格的选择。

例如,你可以这样声明和引用变量:
// 以中划线分隔的变量名
$primary-color: #3498db;

body {
  background-color: $primary-color;
}

或者使用下划线分隔:
// 以下划线分隔的变量名
$primary_color: #3498db;

body {
  background-color: $primary_color;
}

选择使用中划线还是下划线通常取决于个人或团队的偏好。有一些团队更喜欢中划线,因为它在视觉上更清晰,而另一些团队则更喜欢下划线,因为它更类似于一些其他编程语言的命名约定。重要的是在整个项目中保持一致性,以确保代码的可读性和维护性。

以下是使用中划线和下划线的一些建议:

1. 中划线分隔
$primary-color: #3498db;

body {
  background-color: $primary-color;
}

2. 下划线分隔
$primary_color: #3498db;

body {
  background-color: $primary_color;
}

无论选择哪种方式,都应该在整个项目中保持一致。在 Sass 中,主要的是理解如何正确声明和引用变量,而具体的分隔符选择则是次要的。


转载请注明出处:http://www.zyzy.cn/article/detail/4323/sass