核心提示:SCSS 的% 与 . 功能类似,但是不会输出代码scss语法:%btn-status { //margin-top: 20px;background: #F00;}$flag: status;%lo...
SCSS 的”%” 与 “.” 功能类似,但是不会输出代码
scss语法:
%btn-status { // margin-top: 20px; background: #F00; } $flag: "status"; %longzhoufeng{ background-color: red; } .foo { @extend %btn-#{$flag}; @extend %longzhoufeng; font-size: 20px; color:red; }
css语法
.foo { margin-top: 20px; background: #F00; } .foo { background-color: red; } .foo { font-size: 20px; color: red; }