如何在已有的项目中应用新的CSS？

Question

我正在使用stylesheet的项目，但我想使用Foundation改进网站。 我尝试将新的stylesheet放在项目中，但有点像this：

成为this：

所以我只是停止使用Foundation，但我真的很想使用它，但是怎么样？ 你们在已经拥有的项目中应用新的CSS做了什么？

更新

<!-- CSS Ganglia -->
<link type="text/css" href="css/smoothness/jquery-ui-1.9.1.custom.min.css" rel="stylesheet" />
<link type="text/css" href="css/jquery.liveSearch.css" rel="stylesheet" />
<link type="text/css" href="css/jquery.multiselect.css" rel="stylesheet" />
<link type="text/css" href="css/jquery.flot.events.css" rel="stylesheet" />
<link type="text/css" href="./styles.css" rel="stylesheet" />
<!-- /CSS Ganglia -->

<!-- CSS Integra -->
<link type="text/css" href="css/integra/style.css" rel="stylesheet" />
<!-- /CSS Integra -->

<!-- CSS Foundation -->
<!-- <link rel="stylesheet" href="css/foundation/normalize.css" />   -->
<!-- <link rel="stylesheet" href="css/foundation/foundation.css" />  -->

Answer 1

这是一个非常复杂的过程，你要在这里表演... 99.99％的时间你不能只是“即插即用”，所以说新的样式表。例如，您的两个输入可能在旧样式表中定义了float: left。新的样式表覆盖了这些样式，并使它们基本上float: none打破了布局。

那么，你应该怎么做。

将当前站点复制到开发目录（只需在名为dev的根目录中创建一个文件夹并复制该目录中的整个站点。您将使用此目录进行开发而无需修改当前活动的站点。

将您的粉底样式表包含在当前样式表下方。然后慢慢浏览旧的样式表，弄清楚什么是覆盖，并将其合并到一个新的样式表。