sass學習總結

SASS是一種CSS的開發工具，提供了許多便利的寫法，大大節省了設計者的時間，使得CSS的開發，變得簡單和可維護。我的簡單總結了下比較經常使用的的一些東西。

$ 開頭定義變量名 是個全局變量   在{ $name } 局部變量

&表明父級 a{ &:hover{} } a{} a:hover{}

.a{ .b,.c,.d{} } .a .b,.a .c,.a ,d{} 羣組

.a,.b{ a{}}  .a a,.b a{}   羣組

.a{ border : { style:solid;width:1px;color:#ccc } }  屬性嵌套 ‘:’ 必寫

@at-root 在嵌套裏標記用的 生成出來css是獨立的 跳出嵌套

_aa.scss 通常爲 局部文件 其實 @import 引入的時候 _能夠不寫

$aa:10 !default  !default設置默認值

@mixin 混合器 @include 調用 

布爾值  and(與)\or(或)\not(非)

comparable($numver-1,$numver-2) 判斷是否能相加 返回 布爾值 true/false

unit($numver) 判斷 $numver 的單位

unitless($numver) 判斷數值是否有單位 返回布爾值 沒有單位是 true 反之 false

type-of($value) 返回類型 相似於js typeof

@function @return  必需要有返回值 

#{...} 插值

@for $i from 1 to 5 \ @for $i from 1 through 5 前者是到4不到5 後者循環到5 

@for $i from $strat through $end  開始結束若是是 strat 大就從小到大 反之亦然 

@if 判斷條件{}@else{} 判斷

@include a($a:10,$b:20) 能夠傳相似於json的值