0

我需要为 Bootstrap 类名添加前缀。我不是说.my-prefix .bs-class用作包装器，我的意思是实际上为 BS 类名添加前缀，例如；.my-bs-class.

我已经探索过以编程方式执行此操作（使用 Gulp 进程），但是有些选择器对于我来说安全转换有点复杂，更不用说处理 mixin 复杂性了。

所以我想知道用 LESS 功能扩展 BS，而对于简单的用例，这很好用，例如；

// BS
.btn {
  color:red;
}
// Prefixed BS
.my-btn {
  &:extend(.btn);
}

对嵌套选择器做同样的事情并不像我希望的那样工作，我怀疑它不会。

使用这个 codepen：http ://codepen.io/davewallace/pen/MJrMVj 你可以看到一个我想要发生的简单例子，但是 CSS 输出是：

.btn-group .btn,
.ui-btn-group .btn {
  color: red;
}

相对于：

.btn-group .btn,
.ui-btn-group .ui-btn {
  color: red;
}

我想要实现的目标是否可行，如果可以，如何实现？

注意：我对添加 BS 前缀的替代方法持开放态度，但是修改 BS 源所产生的技术债务是最不可取的，除非它是最小的。

编辑：如果另一种技术可以实现，我已经扩大了这个问题以包括任何 CSS 预处理器，以免将自己限制在 LESS 上。

4

1 回答 1

1

Nofix 为此，所以我的回答正式包括“切换到支持前缀和组件隔离的框架”；我们选择了 UIKit。

于 2017-05-03T04:26:29.480 回答