-
值列表：
操作函數：nth()、join()、append()、@each
列表中需要刪除某一元素 （）或者使用 null
padding:1px?null?2px?2px; padding:1px?()?2px?3px;
查看全部 -
Sass字符串：
有引號字符串
無引號字符串
插值#{} 會將有引號轉成無引號
查看全部 -
Sass數據類型：
數字?
$num:1;
字符串?
$str:'今天'
布爾值
$flag:true;
空值
$n:null;
顏色
$color:#ccc;
值列表 空格或逗號分割
$border:1px?solid?red;
查看全部 -
Sass插值：可以在選擇器和屬性名上使用#{}
查看全部 -
@extend 繼承
查看全部 -
傳遞多個參數，和函數傳遞多個參數一樣
傳遞多個復雜參數，可以使用...代替，將參數作為值的列表來處理
查看全部 -
@mixin創建
@include引用
可以傳參使用
@mixin?border-style($radius){ ???-webkit-border-radius:?$radius; ???border-radius:$radius; ???-moz-border-radius:$radius; ???-ms-border-radius:$radius; } dix{ ????@include?border-style(5px); }查看全部 -
偽類嵌套和選擇器嵌套類似
.clearfix{ ????&:after{ ????????content:''; ????????overflow:hidden; ????} }查看全部 -
屬性后面有冒號
查看全部 -
div{
????font:12px{
????????weight:400;
????????family:'微軟雅黑';
????}
}
//解析出來是
div{
????font:12px;
????font-weight:400;
? ? font-family:'微軟雅黑'；
}
查看全部 -
&獲取外層選擇器
&也可以選擇器拼接
查看全部 -
sass嵌套有三種：
選擇器嵌套
偽類嵌套
屬性嵌套
查看全部 -
定義在最外面，全局
像JS中的window中
選擇器、函數、混合宏像形成了一個塊級作用域
其中定義的是局部的變量，局部變量是全局變量的影子
查看全部 -
變量和默認變量的區別：
變量：
$font-size:16px;
默認變量：
$font-size:16px?!default;
覆蓋默認變量該劇定義之前添加同名變量
$font-size:12px; $font-size:16px?!default;
查看全部 -
$width:200px;
變量聲明符($)變量名稱：變量值；
查看全部
舉報
0/150
提交
取消