CSS - 是否有一个工具可以自动将选择器之间的共同样式分组？

Question

我通常会为每个类或id编写所有CSS，最后我按照共享样式将它们组合在一起。

.first {width:100px; height:35px}
.second {width:100px;}

是否有自动对其进行分组的工具，以产生此结果？

.first, .second {width:100px;}
.first{height:35px;}

Answer 1

据我所知，你的问题是你想减少对CSS的工作。实际上，有一个javascript库，可以让你编写更少的CSS cssless。在那里你可以声明常量，函数和编写嵌套的CSS，这很棒，还有更多。

查看lesscss.org

Answer 2

我不知道任何这样的工具。 （好问题，也许别人会。）

这会很棒，但我想这会写得很复杂。例如，如果原始CSS看起来像这样怎么办？

.first {width:100px; height:35px}
.second {width:150px;}
.second {width:100px;}

该工具可能会将其更改为：

.first, .second {width:100px;}
.first{height:35px;}
.second {width:150px;}

现在.second宽150像素而不是100.（显然，这是一个不太可能的边缘情况。）