让我假装我正在使用一个CSS库(例如Bootstrap),它有自己的CSS文件和自定义主题。
在Bootstrap的CSS中,可能会有这样的规则:
.foo {
border: 1px solid black;
padding: 4px;
}
在我的自定义主题中,.foo
被覆盖为:
.foo {
border-color: red;
border-width: 2px;
}
有效的计算规则将是:
.foo {
border: 2px solid red;
padding: 4px;
}
是否有一个工具给出一组一个或多个CSS文件,可以产生这种减少的,最小化的,有效的CSS输出?