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