我正在使用带有手写笔的手写笔。这是我的app.styl代码
@import "../../node_modules/bootstrap-stylus/lib/bootstrap.styl";
section
@extend .row
运行gulp后，我注意到目标中包含了完整的引导CSS app.css。我想动态地只包含.row ruleusing @extend。我想要得到的是这个。
section { //.row rules
zoom: 1;
margin-left: -20px;
}
是否可以？我想念什么？SASS可以吗？
手写笔和sass的AFAIK均不支持仅导入文件的某些选择器。但是，如果您可以控制导入的文件，则可以使用SASS占位符选择器代替类/ id。占位符选择器是某种抽象选择器，默认情况下根本不呈现任何内容。
/* _partial.scss */
%some-selector {
prop: value;
}
%another-selector {
prop: value;
}
/* main.scss */
@import 'partial';
.some-class {
@extend %some-selector;
}
导致未扩展的占位符选择器被忽略（在这种情况下%another-selector）
/* output.css */
.some-class {
prop: value;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句