sass混入和继承

混合器

混合器使用@mixin表示服定义，这样可以轻易地通过引用这个名字重用这段样式

@mixin nav-color{
color:'red'
}

可以在样式表中通过@include来使用这个混合器

给混合器传参

参数就是可以赋值给css属性值的变量

$mixin color($first,$secend){
color:$first;
&:hover {
color:$secend;
}
}

继承

任何css规则都可以继承其他规则，几乎任何css规则也都可以被继承

.true {
font-size:19px;
}
​
.disable {
 color:gray;
 @extend .true;
}

数据类型

• 数字

• 字符串

• 颜色

• 布尔值

• 控制

• 数组

• maps

数字运算

SassScript支持数字的加减乘除、取整等运算

p {
width:lin+10pt
}

编译为

p {
 width:1.11111in
}