使用现有样式的基础

我有一个现有的旧版应用程序。现在，我们计划使用Foundation并仅重写每个页面的顶部栏。但是，当我将基础css文件包含到项目中时，由于它是css，它会破坏所有现有布局。我在想的一种方法是修改Foundation.css，以将自定义类附加到所有选择器上：例如：h1 {}变成h1.customclass {}

但是我觉得这可能不起作用，因为Foundation js可能会在内部添加样式。希望能对此有深刻的见解。另外，对于将zurb Foundation与具有现有样式的现有应用程序一起使用的问题，是否有解决方案？

更新：最后碰巧找到了一个可行的解决方案：在基础sass文件中，将include-html-classes设置为false，以不包括所有基础css类。然后，对于您需要它们的组件，可以将其选择性地设置为true，例如：对于表：$ include-html-table-classes：true; 这可以使您不破坏现有样式并有选择地使用基础。而且，mixin可以用于进一步自定义。例如：您可以创建一个自定义按钮基础类，作为基础按钮类的混合，然后在要具有基础样式的按钮上使用自定义类。这不会破坏您现有的按钮。