关于sass使用的简便方法
1.在任何一个方式里面引用都得使用「@import」来调用scss:例如@import "../../../style/commonAll";
2.使用嵌套的方式来使用sass: #api p{ color:red;.test{ color:blue}}
3.使用&来代表父类。如果有很多级,那也会一级一级的往上级的类取
4.& 必须作为选择器的第一个字符,其后可以跟随后缀生成复合的选择器,如使用不规范会报错.funky {font: {family: fantasy;size: 30em;weight: bold;}}
5. 占位符选择器 %foo必须要使用@extend来调用
6.Date type SassScript 支持 6 种主要的数据类型:
数字,1, 2, 13, 10px
字符串,有引号字符串与无引号字符串,"foo", 'bar', baz
颜色,blue, #04a3f9, rgba(255,0,0,0.5)
布尔型,true, false
空值,null
数组 (list),用空格或逗号作分隔符,1.5em 1em 0 2em, Helvetica, Arial, sans-serif
maps, 相当于 JavaScript 的 object,(key1: value1, key2: value2)
7.scss lists的属性有,nth(选择某一项)、$each(遍历) 、join(将多个数组放置在一起)、append(在数组中添加新值)
8.@extend是在class里面使用extend来替代
9.控制指令 (Control Directives) @if @for @each
@each @each 指令的格式是 $var in <list>, $var 可以是任何变量名,比如 $length 或者 $name,而 <list> 是一连串的值,也就是值列表。