這里既然是對語法的介紹,那么至于如何安裝和編譯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; }
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26