css - 匹配 css 重复项的算法

Question

我正在寻找一个可以提取通用 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

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

Answer 1

我会调查 Sass或 Less .这些都是您正在寻找的东西的绝佳工具。如果你使用其中任何一个，你需要有一个 Less/Sass 编译器，所以我推荐 Prepros为此。