SASS基础

sass

变量声明

使用$符号来标识变量，比如$highlight-color

中划线，下划线

效果一样，可以相互使用

嵌套

可以很方便的去掉css中一些重复的样式

&父选择器标识符

群组选择器嵌套

可以直接选择群组选择器进行嵌套

层级选择器>,+,~

也可以直接嵌套，例如

div{

>p{

}

+img{

}

}

@import导入

scss文件可以使用@import导入，被导入的文件名称开头可以加_符号，导入的时候可以省略下划线

也可以使用嵌套导入，会有作用域，只在当前的区域有效