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 像素。（显然，这是一个不太可能的边缘情况。