在旧网站上实现局部框架css

Question

我知道自助，semanticUI，基金会等。

我的新项目是一个旧网站的一部分。我们希望开始用一个普通的css框架来实现这些新特性。那么，如何实现部分视图呢？让我们说一个框架css，而不是重建所有的网站从零？

<body> <!-- regular old website css -->
  <div class="old"></div>
  <div class="everything-in-here-using-css-framework"></div>
</body>

这有可能吗？哪个框架支持这一点？

Answer 1

我不完全理解，但我认为你可以遵循以下步骤：

1. 确保框架中没有匹配的冲突类名(例如:列、小-12等)
2. 包括框架的CSS文件(您可以链接到cdn只是为了测试)
3. 开始编写一些新的html元素，看看它是如何进行的。
4. 如果崩溃发生(可能会发生)，则开始更改旧元素的名称--例如，在每个类中添加" old -“。

另一种方法可以是将现有项目移动到SASS，然后将旧的CSS封装在如下所示的容器中

.old {
    header { ... }
    div { ... }
}

并将所有的框架样式放在如下所示：

.new {
     ...
}

我想如果你能提供更多细节，我们会更有帮助的。