css - 匹配css重复项的算法

我正在寻找一个库，它可以提取常见的css属性，并将一个类添加到元素中（我想以编程的方式完成这项工作，这是生成的html，我想通过删除额外的字节进一步优化它）例如，我为元素定义了一系列样式：

#element1 {
    font-weight:bold;
    background-image:url("some_url");
}
#element2 {
    font-style:italic;
}
#element3 {
    font-weight:bold;
    font-style:italic;
    background-image:url("some_url");
}
#element4 {
    background-image:url("some_url");
}

............ (crapload of elements)

折叠成：

.bold {}
.italic {}
.backgroundimage {}

或者更好：

.bold-and-italic {}
.italic-with-bg {}
etc etc

外面有图书馆已经这样做了吗？如果没有，我可以检查并重新计算所有属性，但是这里是否有更优化的算法对每个折叠类执行一个属性很简单，但我相信对一个具有多个属性的类执行会更复杂…这里应该使用什么样的数据结构？

最佳答案

我会调查Sass或Less。这两个都是你要找的好工具。如果您使用其中任何一个，您需要一个Less/Sass编译器，因此我建议您使用Prepros。

关于css - 匹配css重复项的算法，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18522175/