如何在已有的項目中應用新的CSS？

我在一個已經使用stylesheet的項目中工作，但我想用Foundation來改進網站。我試圖把該項目的新stylesheet但一些像this：如何在已有的項目中應用新的CSS？

before

成了this： after

於是我就停止使用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" /> -->

來源

2013-04-05 Valter Silva

我只想包括基礎，並重新開始使用新的樣式表 – martincarlin87 2013-04-05 13:30:52

以何種順序包含新樣式表？ – Lowkase 2013-04-05 13:30:53

@Lowkase，這樣（更新文章） – 2013-04-05 13:46:21

這是，你會有關執行這裏非常複雜的過程......你不能只是「即插即用」 99.99％的時間，以便與新的風格說話牀單。例如，上面的兩個輸入很可能在舊的樣式表中定義了float: left。新的樣式表覆蓋了這些樣式，並使它們基本上打破了佈局的float: none。

那麼，你應該怎麼做。

將當前站點複製到開發目錄中（只需在根目錄下創建一個名爲dev的文件夾，並在該目錄中複製整個站點）。您將使用此目錄進行開發，而無需修改當前正在運行的站點。

包括低於目前一個你的基礎樣式表/秒，然後慢慢地通過老樣式圖出去什麼是過度書面並將其合併到一個新的樣式表。

來源

2013-04-05 13:34:29 Michael

如何在已有的項目中應用新的CSS？

回答

相關問題