我希望能够删除多个文件中的重复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，因此依赖于手动编辑的技术不可行。
我为此目的编写了一个叫做csscss的工具。额外的是，它还与Sass和LESS集成。试用一下并让我知道在github上是否有问题。
帮助我清理选择器 - 使用CSS - Firebug扩展程序查看实际使用的CSS规则。
http://www.araxis.com/merge_mac/index.html
(csscompare.codeplex.com) -> https://github.com/bertjohnson/CSSCompare
(csscompare.codeplex.com) -> https://github.com/bertjohnson/CSSCompare
您可以使用W3C CSS验证器来删除属性的重复项。通过点击“按文件上传”上传CSS文件并单击“检查”，然后转到警告部分，您可以看到重复的属性。然后，您可以通过转到文件中的特定行来删除重复项。
也许最接近你所寻找的是CSS预处理器和CSS导入。我喜欢LESS: http://lesscss.org/
我会做类似于：
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;
}
编辑：我有点忽略了你根本不需要LESS，也不需要在styles.game.css中设置高度和宽度。
它看起来只是这样：
styles.game.css
@import url("style.css");
#content {
background: blue;
}