W250511/16.scss/index.scss

// @import url(reset.css);
@import './reset.scss';
$a: red !default;
$b: 30;
$d: purple;

// $ 定义变量 用于存储信息 可以重复使用
// 存储的类型：字符串 数字 颜色 布尔值 null...
/*
    多行注释
    .sass .scss
    sass格式会省略花括号和分号 所以常用scss存储
*/
.box {
    width: 200px;
    height: 200px;
    font-size: $b + px;
    border: 3px solid $a;
}

h1 {
    $c:blue !global;
    color: $c;
}

h2 {
    // color: $a !important;
    color: $c;
}