【问题标题】：How to combine multiple css framework with overpalling classes如何将多个 css 框架与重叠的类结合起来
【发布时间】：2015-07-10 21:32:08
【问题描述】：
我想在我的网站上同时使用物化和引导。问题是类重叠，我怎样才能缩小框架来设计网站的一部分？或者我该如何命名它？我只想使用物化的小子集（例如卡片组件）并使用引导程序进行一般样式（例如网格系统。
我也在使用带有 grunt 的 bower，所以如果解决方案与 grunt 的自动化过程配合得很好，那将会很有帮助。
【问题讨论】：
标签：
twitter-bootstrap
gruntjs
bower
css-frameworks
materialize
【解决方案1】：
使用任何预处理器，如 sass、less 或我最喜欢的 stylus，您可以轻松地将整个 CSS 文件嵌套在顶级类中，有效地命名空间
// stylus
.top-level-class
.nested-class (or entire file)
color red
// generating
.top-level-class .nested-class {
color: red;
}