Css 仅对抽象引导选择器使用@extend

我有几种使用Sass'@extend或@include从引导scss文件导入的选择器继承属性的样式

我想将所有引导选择器转换为@extend Only占位符，因此我不必在最终的.css输出中包含任何原始引导选择器。目标是编写我自己的css类，仅在需要的地方从引导扩展

例如，我希望有一个名为.super freaky nav的导航栏：

.super-freaky-nav{
    @extend .navbar;
    @extend .navbar-default;
    @extend .navbar-top-fixed;
}

理想情况下，我的最终.css输出不会有一个对.navbar、.navbar default或.navbar top fixed的引用

有没有一种方法可以在不进入_navbar.scss文件并将所有选择器转换为@extend Only class（%navbar，%navbar default，%navbar top fixed，等等）的情况下执行此操作？

---

谢谢

没有。Sass没有能力满足您的要求。仍然需要能够扩展普通类，而Sass无法区分应该扩展还是不应该扩展的类。

我正在探索的一个潜在实现使用或将

sed

（查找和替换）转换应用于引导Sass文件，用

%

语法替换前导类定义。不过，我并没有太多的实验经验，如果没有一套全面的视觉测试套件，我不知道我会打破什么。很高兴能得到一些帮助。

我进一步深入了解了这一点，就当前版本的Sass而言，您是正确的。投稿人对添加这样的功能进行了一些讨论，但已经讨论了很长一段时间，没有得到解决。现在，我正在创建我自己的仅扩展占位符版本的引导选择器，由于许多原因，这确实不太理想。希望您能提出其他建议。谢谢这方面有什么消息吗？我也很乐意这样做。以下内容如何：包括并编译

application.css

中的所有内容，但不要引用网站中的此文件，而只引用另一个仅包含扩展内容的文件（例如

仅包含我的选择器.css

）？所以客户端只会加载扩展的东西。我放弃了这项工作，转而支持和