從邏輯上縮小css的可靠方法？

h1 { 
    color: #fff; 
}

你會得到：

h1{color: #fff;}

但是，如果你有：

h1{color: #fff;} 
h1{color: #fff;} 
h1{color: #fff;} 
h1{color: #fff;}

涅槃不一定會解決這個問題。它也不會做太多關於這一點：

h1{color: #fff;} 
div h1{color: #fff;}

我試圖csscss其中指出重複。但除此之外，我無法找到一種可靠的方法來去除CSS中的邏輯冗餘。有沒有類似於csscss的工具，或者甚至是可以做這種邏輯冗餘的PHP庫？

2016-01-21 coderama

如果您對'NodeJS'有任何的瞭解，您可以使用[css purse]（https://www.npmjs.com/package/css-purge）來實現此目的。它完全符合你的要求，並且很容易找出如何使用它。 – Ohgodwhy

如果我沒有弄錯，像LESS和SASS這樣的預處理器會自動執行此操作......但從未真正嘗試過，嘿嘿。 –

問題要求我們推薦一種技術或找到一本書，工具，軟件庫，教程或其他非本地資源是堆棧溢出的題外話 –

您可以使用css-purge來實現您正在查找的內容。

npm install css-purge -g // no needed if you already have it installed 
css-purge -i style.css -o style_purged.css

此外，如果有自動使用grunt構建過程中，可以使用grunt-css-purge

2016-01-21 06:01:09 Subash

我們已經更新了css-purge來做到這一點和更多！ http://rbtech.github.io/css-purge – AEQ

您可以使用css minifier

通過使用CSS minifier如下：

h1{color: #fff;} 
h1{color: #fff;} 
div h1{ color: #fff; background: #f00;} 
h1{color: #fff;} 
h1{color: #fff;}

會變成納入：

div h1,h1{color:#fff}div h1{background:red}

2016-01-21 06:02:44

回答