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