CSS prettifier和冷凝器

Question

嘿，我有一個問題，這是兩個部分，但第一個是很明顯，我必須開始：

我繼承了它有三個樣式表，desktop.css，tablet.css一個項目， mobile.css - 他們被稱爲像這樣在頁面上：

<link rel="stylesheet" type="text/css" href="/css/tablet.css" media="all and (min-width:600px) and (max-width:799px)" /> 
<link rel="stylesheet" type="text/css" href="/css/mobile.css" media="all and (min-width:10px) and (max-width:599px)" /> 
<link rel="stylesheet" type="text/css" href="/css/desktop.css" media="all and (min-width:800px) " /> 

但是我之前的程序員都是在趕時間，真的，大部分代碼是相同的;他們只是根據需要對每個文件進行調整。可能有90％的代碼是相同的。

我的目標是先有一個共同的樣式表如下：

<link rel="stylesheet" type="text/css" href="/css/UNIVERSAL.css" /> 
<link rel="stylesheet" type="text/css" href="/css/tablet.css" media="all and (min-width:600px) and (max-width:799px)" /> 
<link rel="stylesheet" type="text/css" href="/css/mobile.css" media="all and (min-width:10px) and (max-width:599px)" /> 
<link rel="stylesheet" type="text/css" href="/css/desktop.css" media="all and (min-width:800px) " /> 

，並得到所有常見CSS到universal.css，幷包括其他文件只需要特定設備的「覆蓋」。

這三個文件都是一團糟。類/聲明有多個實例。他們很失序。我知道那裏有CSS prettifiers，但是有沒有任何應用程序會採用CSS文件，「讀取」它，然後以精簡格式重新輸出它？

在css上做一個diff並看看有什麼不同也是很好的。 DIFF本身不會工作，因爲可能以多種方式失序。所以如果你知道這方面的任何事情，我會很感激。

Answer 1

檢查proCSSor