sass css样式预处理 使用

Sass
命令行编译

//单文件转换命令

sass input.scss input.css

运行结果

//单文件监听命令 当 scss文件保存时 更新 css文件

sass --watch input.scss:output.css

方法：变量 嵌套 混合器 流程控制

变量

以 $开头

$color:pink;

变量的引用

p{
color:$color;
}

嵌套

div {
    color: yellow;
    p {
        font-size: 20px;
    }
}

混合器

使用范围 大段的重用样式的代码

@mixin 名{
//样式;
}

使用

 @include 名;