Sass_变量

使用变量

sass让人们受益的一个重要特性就是它为css引入了变量。你可以把反复使用的css属性值 定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。或者，对于仅使用过一 次的属性值，你可以赋予其一个易懂的变量名，让人一眼就知道这个属性值的用途

sass使用$符号来标识变量

比如$highlight-color和$sidebar-width。为什么选择$ 符号呢？因为它好认、更具美感，且在CSS中并无他用，不会导致与现存或未来的css语法冲突

xxxxxxxxxx
$highlight-color: #F90;
.selected {
  border: 1px solid $highlight-color;
}

变量名用中划线还是下划线分隔

sass的变量名可以与css中的属性名和选择器名称相同，包括中划线和下划线。这完全取决于个人的喜好

xxxxxxxxxx
$link-color: blue;
a {
  color: $link_color;
}

实时效果反馈

1. Sass声明变量，关健字是：

A @

B $

C &

D #

答案

1=>B