scss-声明变量与引用

一、变量的声明

　　使用$符号可以标识一个变量

$bg-color: #FFFFFF;

二.变量的引用:

　　变量的引用有一个原则，那就是标准css属性值存在的地方，变量就可以存在。

　　当编译成css文件的时候，变量会被变量值所替代。当要修改css的一个属性值时，只要修改对应的变量值即可，没有必要处处修改，这也是scss的优点之一。

.page {

    color: $bg-color;

}

　　在声明变量的时候，还可以再引用其他变量，代码如下:

$white-color: #FFFFFF;

$my-border: 1px solid $white-color;

.my-table{

  border: $my-border:

}

　　编译成css代码如下:

.my-table{

  border: 1px solid #FFFFFF;

}

巴特西