2012-09-12 73 views
0

我有一個超過3000行的css文件。 (是的,這有點多)我想按字母順序排列它們,以便我可以輕鬆地找到屬性。由於我有這麼多類似的選擇器,Ctrl + F讓我疲憊不堪。有任何想法嗎?如何訂購一個css文件?

+0

你要什麼我們做什麼...?從A開始,然後用Z結束。但是我認爲由於繼承原因,它不適用於你,所以當你需要按字母順序排列時,你會遇到一些問題。開始按組排列樣式以保持清潔。 – BvdVen

+0

有像LESS和SASS這樣的動態CSS框架。他們可以很容易地將你的CSS分成不同的,可維護的文件(並且仍然能夠決定它們被調用的順序)。你可以手工完成,但在這一點上可能會很痛苦。 – bdares

回答

0

當我看到我的問題時,我問早些時候我意識到它沒有回答。因此,我現在正在爲其他人回答。

Styleneat是完美的組織和排序:http://www.styleneat.com/index.php

2

指定CSS的順序決定哪些屬性優先於其他屬性。我會用類別系統來組織你的屬性。例如一個部分中的組字體道具,另一個部分中的背景道具等等,這只是一個例子,但不同的程序員有自己的CSS文件組織方法。

+0

確切。也可以將css拆分成單獨的文件,這些文件將按照特定的順序(page/layout-structure-css,elements-common-or-default-style,other-particular-styles,styles-loaded-dependant-loaded頁面等) – alexbusu

+0

我接管了一個持續的項目,因此並不確切知道哪些規則適用於什麼。這就是爲什麼我想要簡單地按他們的名字訂購。我同意你關於CSS文件組織。 –

0

訂購CSS的最佳方式是爲特定設計製作組,併爲佈局或經常使用的類製作一組。

我通常做3組進行佈局:

  • :造型輸入,提交,標籤,容器,...
  • 印刷術:顏色,鏈接,標題,段落。 ..
  • 佈局:框的尺寸和造型

然後對於每個特定的設計,您可以在您的css文件中創建另一個組,創建新的樣式或創建新的樣式。