這里既然是對(duì)語(yǔ)法的介紹,那么至于如何安裝和編譯scss我就不多少了,主要是因?yàn)楸救嗽谌豪镎J(rèn)識(shí)的小伙伴有的不會(huì)用scss,所以就借著放假的機(jī)會(huì)來(lái)對(duì)scss語(yǔ)法做個(gè)總結(jié),博主在開發(fā)過(guò)程中用scss蠻多,所以對(duì)scss語(yǔ)法還是熟知的。

1.自定義變量

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

通過(guò)編譯工具編譯出來(lái)后

.test1{    background-color:pink;
}

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

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

網(wǎng)友評(píng)論