-
值列表：
操作函数：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
提交
取消