我正在一个已经使用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" />  -->

最佳答案

这是您要在此处执行的一个非常复杂的过程... 99.99%的时间中,您不仅可以“即插即用”,而且可以使用新的样式表。例如,您的两个输入很可能在旧样式表中定义了float: left。新的样式表覆盖了这些样式,并使其本质上成为float: none,从而破坏了布局。

那你该怎么办。

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

将您的基础样式表包括在当前样式表的下面。然后慢慢浏览旧样式表,找出被覆盖的内容,然后将其合并到新样式表中。

关于html - 如何在已有的元素中应用新CSS?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15835208/

10-13 02:46