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;
}

 

转载于:https://www.cnblogs.com/ibabyli/p/9849811.html