scss - 语法
1.在一个样式导入另一个样式(@import "example.css")
2.scss单行注释不会显示出来
3.强大的变量(定义后,全局可使用)
4.全局默认变量(加!default)
如何覆盖(重新,声明一次)
5.特殊变量
6.多值变量
7.map
8.全局变量(目前)内部变量会覆盖外部变量
9.全局global变量设置
10.嵌套(选择器和属性嵌套)
选择器嵌套(&代表父类)
属性嵌套
11.@at-root(跳出上级选择器)
1 .parent-2 {
2 color: #f00;
3 }
4 .child {
5 width: 200px;
6 }
12.混合(mixin)- @mixin声明,@include调用
13.继承(加入h1)
14.函数
15.运算(变量以$,以四则运算)
16.条件与判断
@if判断
三目判断
if(true, 1px, 2px) => 1px
if(false, 1px, 2px) => 2px
for循环(不知道大家怎么解决这雪碧图)