css - 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 像素。（显然，这有点不太可能。）