CSS -有没有一个工具可以在选择器之间自动分组通用的共享样式？

Question

我通常为每个类或id编写所有的CSS，最后根据共享的样式将它们分组在一起。

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

有没有工具可以自动对它们进行分组，以产生这样的结果？

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

Answer 1

根据我从你的问题中了解到的是，你想在CSS上做更少的工作。实际上，有一个名为cssless的javascript库可以让你编写更少的CSS。在那里你可以声明常量，函数，并编写嵌套的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像素。(显然，这有点不太可能。)