SASS笔记

学习文档:https://www.sass.hk/guide/

优点:嵌套型写CSS

变量的声明

$变量名 : 变量值

父类选择器&

在嵌套写法中只有使用” & : 伪类”的形式才能正确读取成css
我的理解是”&”即代指”父类”.

子组合选择器和同层组合选择器:>、+和~

“元素a > 元素b” 选择紧跟着元素a后且名为元素b的子元素
“元素a + 元素b” 选择紧跟着元素a后且名为元素b的同层元素
“元素a ~ 元素b” 选择元素a后所有名为元素b的同层元素

嵌套属性

难描述直接例子.
border-style,border-width,border-*之类
可以写成border:{style:值,width:值..}

默认变量值

难描述直接例子
$fancybox-width: 400px !default;
如果这个变量被声明赋值了,那就用它声明的值,否则就用这个默认值