SASS删除不需要的类

SASS删除不需要的类,sass,Sass,我@从引导sass导入了一些东西,比如 @import 'bootstrap-sass/assets/stylesheets/bootstrap/buttons'; 接下来,我将其扩展到其他名称,以避免在现有网站上使用时发生冲突 .my-cus-btn { @extend .btn } 现在的问题是如何删除默认的.btn,以避免在使用时与现有的网站/css发生混乱 Ps:为了说明这一点,我希望最终的CSS只包含.my cus btn但不包含.btn,否则这个样式表会弄乱遗留代码 但我真的

我@从引导sass导入了一些东西,比如

@import 'bootstrap-sass/assets/stylesheets/bootstrap/buttons';
接下来,我将其扩展到其他名称,以避免在现有网站上使用时发生冲突

.my-cus-btn {
  @extend .btn
}
现在的问题是如何删除默认的.btn,以避免在使用时与现有的网站/css发生混乱

Ps:为了说明这一点,我希望最终的CSS只包含.my cus btn但不包含.btn,否则这个样式表会弄乱遗留代码


但我真的希望基于引导式sass或类似的框架

您当前的sass代码将编译为
.btn、.my cus btn{//default properties}
。现在,如果您想覆盖默认属性,只需将属性添加到
.my cus btn{}
选择器中。@dsaket是的,但是.btn仍将在CSS中,这将与现有网站的元素class.btn冲突。我希望这个新的样式表不影响使用Sass的
占位符
功能的现有HTML/CSSTry。它提供了一些类似于您正在寻找的内容。谢谢@dsaket,我认为占位符很好,但由于我正在扩展现有库(引导),我不想修改node_模块中的源代码。您当前的sass代码将编译为
.btn、.my cus btn{//default properties}
。现在,如果您想覆盖默认属性,只需将属性添加到
.my cus btn{}
选择器中。@dsaket是的,但是.btn仍将在CSS中,这将与现有网站的元素class.btn冲突。我希望这个新的样式表不影响使用Sass的
占位符
功能的现有HTML/CSSTry。它提供了一些类似于您正在寻找的内容。谢谢@dsaket,我认为占位符很好,但是由于我正在扩展现有的库(引导),所以我不想修改node_模块中的源代码