Sass
命令行编译
//单文件转换命令
sass input.scss input.css
运行结果
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c998739e88061a043f87d0371d67fa21.png#pic_center)
//单文件监听命令 当 scss文件保存时 更新 css文件
sass --watch input.scss:output.css
方法:变量 嵌套 混合器 流程控制
变量
以 $开头
$color:pink;
变量的引用
p{
color:$color;
}
嵌套
div {
color: yellow;
p {
font-size: 20px;
}
}
混合器
使用范围 大段的重用样式的代码
@mixin 名{
//样式;
}
使用
@include 名;