sass

SASS

css預處理器，需bable轉化，瀏覽器不解析，好的兼容

SASS版本3.0以前的後綴名爲.sass，而版本3.0以後的後綴名.scss

二者是有不一樣的，繼sass以後scss的編寫規範基本和css一致，sass時代是有嚴格的縮進規範而且沒有‘{}’和‘；’。而scss則和css的規範是一致的。

 

 

1.變量

　　$開頭(同php)、$_color: red;

　　特殊：

　　　　Sht: shop

　　　　border-#{Sht}: 1px solid red;

　　多值變量

　　　　$linkColor: black blue red green yellow;

　　　　a{　　color: nth($linkColor,2)　}　　　　//blue

　　1.2map　(類Json)

　　　　$heading: {h1:2em, h2:1.5em; ...}

　　　　h1{ 　　font-size: map-get($heading,h1)　　　}

2.嵌套

　　①.選擇器　　a

　　　　　　　　　&:hover{}

　　②.屬性

3.混合

　　@mixin  left{

　　　　float:left;

　　　}

　　ul li {

　　　　@include left

　　}

4.繼承

　　@entend

5.運算

6.。。。

　　① 三目判斷

　　②循環

 

 

div > k {

}

 

scss

 

div > {

  k {}

}

以妓會友，評贊走起