sass
变量声明
使用$符号来标识变量,比如$highlight-color
中划线,下划线
效果一样,可以相互使用
嵌套
可以很方便的去掉css中一些重复的样式
&父选择器标识符
群组选择器嵌套
可以直接选择群组选择器进行嵌套
层级选择器>,+,~
也可以直接嵌套,例如
div{
>p{
}
+img{
}
}
@import导入
scss文件可以使用@import导入,被导入的文件名称开头可以加_符号,导入的时候可以省略下划线
也可以使用嵌套导入,会有作用域,只在当前的区域有效