sasscss样式预处理 使用

tech2022-08-12  146

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;
最新回复(0)