我有一個超過3000行的css文件。 (是的,這有點多)我想按字母順序排列它們,以便我可以輕鬆地找到屬性。由於我有這麼多類似的選擇器,Ctrl + F讓我疲憊不堪。有任何想法嗎?如何訂購一個css文件?
回答
當我看到我的問題時,我問早些時候我意識到它沒有回答。因此,我現在正在爲其他人回答。
Styleneat是完美的組織和排序:http://www.styleneat.com/index.php
指定CSS的順序決定哪些屬性優先於其他屬性。我會用類別系統來組織你的屬性。例如一個部分中的組字體道具,另一個部分中的背景道具等等,這只是一個例子,但不同的程序員有自己的CSS文件組織方法。
確切。也可以將css拆分成單獨的文件,這些文件將按照特定的順序(page/layout-structure-css,elements-common-or-default-style,other-particular-styles,styles-loaded-dependant-loaded頁面等) – alexbusu
我接管了一個持續的項目,因此並不確切知道哪些規則適用於什麼。這就是爲什麼我想要簡單地按他們的名字訂購。我同意你關於CSS文件組織。 –
訂購CSS的最佳方式是爲特定設計製作組,併爲佈局或經常使用的類製作一組。
我通常做3組進行佈局:
- 表:造型輸入,提交,標籤,容器,...
- 印刷術:顏色,鏈接,標題,段落。 ..
- 佈局:框的尺寸和造型
然後對於每個特定的設計,您可以在您的css文件中創建另一個組,創建新的樣式或創建新的樣式。
- 1. 如何訂購CSS屬性?
- 2. 如何訂購CSS元素?
- 3. 訂購文件
- 4. 如何在編譯前訂購文件?
- 5. Sitefinity 5.3:我如何訂購我的CSS?
- 6. 如何訂購一個mysql選擇
- 7. 如何訂購一個數組
- 8. 如何訂購
- 9. 如何訂購預購表
- 10. 如何用另一個css文件覆蓋一個css文件
- 11. 訂購輸出文件
- 12. 訂購Linux顯示文件
- 13. grep從文件訂購
- 14. M3U8文件內容訂購
- 15. 訂購一個字典
- 16. 如何訂購UNPIVOT
- 17. 如何訂購HashList?
- 18. 如何訂購DataColumns?
- 19. 如何訂購JSONArray?
- 20. 李一個接一個的訂購
- 21. 如何訂購Yii中的css文件只是爲了靜態視圖?
- 22. 訂購CSS/JavaScript外部文件的最佳方式包括
- 23. 如何在一個單一的Epser Engine中的多個流中訂購事件
- 24. 如何通過文檔章節訂購
- 25. 如何通過pubDate訂購XML文檔?
- 26. mysql如何訂購文本數據?
- 27. 如何訂購某一天的節目?
- 28. 如何訂購一系列Doctrine對象?
- 29. 如何與Linq訂購一組結果?
- 30. 如何按日期訂購部件?
你要什麼我們做什麼...?從A開始,然後用Z結束。但是我認爲由於繼承原因,它不適用於你,所以當你需要按字母順序排列時,你會遇到一些問題。開始按組排列樣式以保持清潔。 – BvdVen
有像LESS和SASS這樣的動態CSS框架。他們可以很容易地將你的CSS分成不同的,可維護的文件(並且仍然能夠決定它們被調用的順序)。你可以手工完成,但在這一點上可能會很痛苦。 – bdares