SCSS入门学习

学习网站：https://www.w3cschool.cn/sass/n2pq15ps.html

1.sass使用$符号来标识变量

2.用中划线声明的变量可以使用下划线的方式引用，反之亦然

$link-color: blue;
a {
  color: $link_color;
}

3.在Sass中，你可以像俄罗斯套娃那样在规则块中嵌套规则块

4.父选择器的标识符&

当包含父选择器标识符的嵌套规则被打开时，它不会像后代选择器那样进行拼接，而是&被父选择器直接替换:

5.子组合选择器和同层组合选择器：>、+和~

(1)第一个选择器会选择article下的所有命中section选择器的元素。

第二个选择器只会选择article下紧跟着的子元素中命中section选择器的元素。

(2)你可以用同层相邻组合选择器+