假设我正在使用一个 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 输出?