跨多个文件删除重复的CSS声明

我希望从许多文件中删除重复的CSS声明，以便更容易地实现更改。有没有一个工具可以帮我做到这一点

现在我面临着这样的问题：

styles.css
#content {
width:800px;
height:1000px;
background: green;
}

styles.game.css
#content {
width:800px;
height:1000px;
background: blue;
}

我想要这个：

styles.css
#content {
width:800px;
height:1000px;
background: green;
}

styles.game.css
#content {
background: blue;
}

---

所有文件的总行数远远超过10k，因此无法选择依靠手动编辑的技术。

可能最接近您所要寻找的是css预处理器和css导入。我不太喜欢：

我会做类似的事情

styles.css
@site-width: 800px;
@site-height: 1000px;

#content {
width: @site-width;
height: @site-height;
background: green;
}


styles.game.css
@import url("style.css");

#content {
width: @site-width;
height: @site-height;
background: blue;
}

编辑：我有点忽略了你甚至不需要更少，或者style.game.css中的高度和宽度

看起来就像

styles.game.css
@import url("style.css");

#content {
background: blue;
}

---

帮助我清理选择器- CSS用法-Firebug扩展，用于查看实际使用的CSS规则

---

您可以使用W3CCSS验证程序删除属性的重复项。通过单击“按文件上载”并单击“检查”来上载css文件，然后转到“警告”部分，在那里可以看到重复的属性。然后，您可以通过转到文件中的特定行来删除副本

---

网址：http://jigsaw.w3.org/css-validator/#validate_by_upload

该系统声称：

但是我没能让它工作

这里有一些工具来比较CSS文件。它的速度不如自动解决方案快，但会比仅通过视觉比较更快

---

我制作了一个nodejs工具来帮助解决这个问题，它目前只处理单个文件，但让我知道它是否有帮助或有任何改进，请随意将其转移到另一个级别：）

---

我专门为此编写了一个工具，名为。作为奖励，它还与Sass和LESS集成。试一试，如果您在github中遇到问题，请告诉我。

这是一个有趣的解决方案，但最终在编辑CSS时，我仍然需要处理重复声明，这些文件中的行总数远远超过10k，手动编辑它们是不可行的。RE:edit，有没有办法不用手工编辑所有的文件就可以达到那种状态？据我所知没有。。。从你所说的，听起来很多查找和替换似乎不起作用。我收到了一些关于背景和文本颜色相同的警告，但没有关于重复声明的警告。工作得很有魅力！谢谢。看起来很整洁，但它似乎不支持自动删除重复项和多个文件。不，这是故意的。开发人员有很多方法可以重构他们的css。而且我相信自动删除会使调试样式中的问题变得更加困难。这就是选项的用途。我喜欢gulp和grunt都有版本！我们的最新版本可以做到这一点和更多！似乎无法删除重复项？@KalpeshSingh请提供您的CSS示例以及您是如何使用它的：