CSS打包時打破

Question

假設我的網站上有大約10個css文件。我想把它們合併成一個。但是當我結合它們（只是「連接」文件，爲了將它們包含在html中），我的樣式/佈局就會中斷。這不是路徑問題或其他問題，只是選擇器不能像以前那樣工作。

我錯過了什麼，或者我的文件太大了？可能是什麼問題呢？我以爲是沒有區別，如果風格是在一個文件或多個（他們不應該是）只要順序被保存...

乾杯

Answer 1

確保你沒有@import指令在你的文件。根據CSS規範，它可能只在其他規則之前放置。所有其他導入都將被忽略。

例如：

1.CSS：

BODY {background: #fff; } 

2.css：

@import "foobar.css"; 

1個+ 2.css：

BODY {background: #fff; } 
@import "foobar.css"; /* This import won't work. */