css - 使用@extend-Only 抽象 Bootstrap 选择器

Question

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

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

例如，我希望有一个名为 .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 类(%navbar、%navbar-default、%navbar-top-fixed 等)的情况下执行此操作？ 谢谢!

Answer 1

没有。 Sass 无法执行您要求的操作。扩展普通类仍然是合理的需求，Sass 无法区分应该扩展或不应该扩展的类。