css - 是否有一个 CSS 优化器可以在选择器中发现相同的单个属性并将它们组合在一起？

Question

这是我期望的示例:

输入:

a {
    background: red;    
}

p {
    background: red;    
}

strong {
    background: red;
    color: green;
}

输出:

strong{color:green;}
a,p,strong{background:red;}

大多数优化器会输出如下内容:

strong{background:red;color:green;}
a,p{background:red;}

请注意，它没有注意到 strong，尽管它包含 color: green;，也包含 background: red; 因此它可以与其他人分组？

如果您能提供任何帮助，我们将不胜感激

一切顺利

伊恩

Answer 1

也许 CSSTidy在这里可以提供帮助。

如果你看一下this CSS "before" ，你会看到这部分代码:

a:hover{
    color: #DD6900;
}

a.admin:hover,a.mod:hover{
    color: #DD6900;
}

在 CSS "after 中"，你会得到:

a:hover,a.admin:hover,a.mod:hover,a.topictitle:hover {
color:#DD6900
}

不确定它是否会处理所有可能的情况——但在某些情况下，它似乎正在做您要问的事情；-)