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