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选择器的元素。