Zurb foundation 使用现有的基础

我有一个现有的遗留应用程序。我们现在正计划使用基金会，并在每一页上只重写顶部栏。但是，当我将基础CSS文件包含到项目中时，它会破坏所有现有的布局，因为它是CSS。 我想的一种方法是修改基础。CSS将一个自定义类附加到它的所有选择器：Eg： h1{} 变成 h1.customclass{}

<> p>但我觉得这可能不起作用，因为基金会JS可能会在内部添加样式。 希望您能深入了解这一点。另外，有没有使用现有的应用程序使用ZURB基金会的问题的解决方案？

更新： 终于找到了一个可行的解决方案：在基础ASS文件集中 包括HTML类到false，不包括所有的基础CSS类。然后，对于您需要的组件，可以有选择地将其设置为true，例如：对于表： $include html表类：true；

---

这可以让你不打破现有的风格，有选择地使用基础。此外，mixin还可以用于进一步定制。Eg：你可以创建一个自定义按钮基础类，它是一个Moundation按钮到基础按钮类，然后在你想要拥有基础样式的按钮上使用你的自定义类。这不会破坏您现有的按钮。

基金会通常用于项目开始时的快速原型制作，将其包括在已经成熟的项目中会引起很多麻烦。就我个人而言，我只需要编写自己的或找到另一个独立组件：

---

可以使用CSS预处理器使用SASS或Bootstrap使用更少的方法修改基础，但是如果您想使用CSS框架移除大多数组件，则失去了它的用途。它们包括一个影响DOM上所有元素的规范化CSS组件，即使这些元素没有类，所以即使您向所有元素添加不同的类，这仍然会更改CSS的某些部分。这里最好的建议是编写自己的CSS或只使用其他独立组件。

谢谢，像Twitter引导这样的东西是否可以在已经成熟的项目中使用？我不太了解Twitter引导，但它也用于快速原型制作，所以我想你也可以期待同样的事情。