這里既然是對語法的介紹,那么至于如何安裝和編譯scss我就不多少了,主要是因為本人在群里認識的小伙伴有的不會用scss,所以就借著放假的機會來對scss語法做個總結(jié),博主在開發(fā)過程中用scss蠻多,所以對scss語法還是熟知的。

1.自定義變量

$color:pink;
.test1{
    background-color:$color;
}

通過編譯工具編譯出來后

.test1{    background-color:pink;
}

注:時間原因我在這里只寫scss了,就不寫編譯后的結(jié)果,一來方便大家自己去嘗試編譯,二來增加大家對scss的理解:編譯工具kaola很好的一個編譯工具,大家可以百度如何使用,再這里就不做過多介紹了。
***
2.插入一個變量

$right:right;
.test2{
    border-#{$right}:1px solid #000;
}

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式