CSS @import最佳實踐

Question

我正在征求關於什么是處理@ import的最佳方法或者將它們全部避免的意見。

使用DNN我發現，在剝皮時，模塊的所有各種重寫元素的CSS都可能非常混亂。 將所有CSS轉儲到單個文件中可能很難處理，我很想知道將它們分開並將它們導入skin.css的頂部是否更好。 還有效率的問題，如果這是一個或不是一個很好的權衡。

我不是CSS專業人士，但我想我可能知道答案，但無論如何都要問。 反正有沒有像.cs文件一樣引用各種CSS文件？ skin.Events.someElement？ 那不是很好嗎？ ;-)

謝謝。

Answer 1

最好避免使用@import 。

根據Steve Souders的說法，@ @import和@import在其他樣式表中的組合， link或嵌入將導致順序而非並行下載。

還有其他問題。

http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

雅虎也建議反對@import ，注意到這一點

在IE中，@ import的行為與在頁面底部使用的行為相同，因此最好不要使用它。

http://developer.yahoo.com/performance/rules.html#csslink

我通常使用一個樣式表並使用link來抓取它。

對於特別大的網站，我使用一個主樣式表，然后使用較小的表單來處理需要額外樣式的部分，並根據需要將這些樣式表添加到各個頁面。

Answer 2

從純粹的經驗：

在工作的同時你可以保持一切分開（reset.css，forms.css，main.css等），如果你發現很難使用一個文件 - 我甚至不這樣做..

投入生產時 - 將所有內容保存在一個文件中 - 無需導入 - 1個服務器請求 - 最小化您的CSS。

如果你想保持你的main.css黑客免費/通過驗證，例外是一個額外的ie.css（我也不這樣做，因為沒有一個我的客戶關心驗證 - 人們希望它工作，徽章不是趨勢:) - 所以我只是通過我的main.css（＃，_等）使用hacks