2009-10-26 33 views
1

比方說,我有css1.css和css2.css。 只是爲了保持我的文件系統/源代碼控制,我想他們在我的內容卻分裂組織和小文件的緣故,我還是想用在這兩個文件中的所有定義。一個CSS頁面可以引用另一個嗎?

而不是鏈接引用無論是在我的內容頁,可以css1.css只是讓css2.css可用。

+4

重複:http://stackoverflow.com/questions/147500/is-it-possible-to-include-one-css-file-into-another – 2009-10-26 23:52:20

+0

當心@import,這些樣式表不能被緩存瀏覽器和前端性能下降 – 2009-10-26 23:53:14

+0

@dcaunt:有趣的,有一個引用呢? – bcat 2009-10-26 23:54:14

回答

3

顯然,可將它們全部用幾個節點在頁面上,但你最好的選擇可能是一個釋放的過程腳本/螞蟻任務/自動構建的過程,可以連接或合併基於一些明顯的甚至乾脆順序文件的文件名稱。部署自動優化文件 -

你可以做其他事情一樣在同一時間壓縮的CSS!

3

假設兩種樣式表是在同一個目錄,把這段代碼在css1.css的頂部。

@import url("css2.css"); 
1

可以在css1.css使用@import這樣的:

@import url("css2.css"); 
p { color : #f00; } 
+2

我相信如果沒有其他原因,導入的CSS樣式表具有較低的特異性,這可能會導致意外的錯誤,這是不被接受的。 – 2009-10-26 23:55:36

+0

@Steven:你確定嗎?關於級聯的CSS 2.1規範部分(http://www.w3.org/TR/CSS21/cascade.html)說:「導入樣式表中的聲明被認爲是在樣式表本身的任何聲明之前。」它沒有提及影響特異性的「@ import」。 – bcat 2009-10-27 00:03:11

+0

我不完全是積極的,但我想我已經讀過之前的某個地方。我一直沒有找到它,所以我想你應該認爲它是錯誤的,直到證明不然。 – 2009-10-27 03:11:08

0

我已經看到了很多;導入url(「css2.css」)功能,所以它絕對是實現您的目標的一種方式。

相關問題