如何将多个 css 框架与 overpalling 类 相结合

Question

我想在我的网站上同时使用 materialize 和 bootstrap。问题是 类 重叠，我如何缩小框架以仅对网站的一部分进行样式设置？或者我该如何命名它？我只想使用物化的一小部分（例如卡片组件）并使用 bootstrap 进行一般样式设置（例如网格系统。

我也在使用带 grunt 的 bower，所以如果解决方案与 grunt 的自动化过程配合得很好，那将会很有帮助。

Answer 1

使用任何预处理器，如 sass、less 或我最喜欢的 stylus，您可以轻松地将整个 CSS 文件嵌套在顶层 class 中，有效命名空间

// stylus
.top-level-class
  .nested-class (or entire file)
    color red

// generating
.top-level-class .nested-class {
  color: red;
}