过去我用过一些软件可以做到这一点，但我不记得名字了。我以为 CSSTidy 做到了，但我似乎不记得是怎么做到的(如果是那样的话)。
基本上它的工作方式是你可以像这样传递一个 CSS 文件:
#foobar{
.red {
color: #FF0000;
}
.blue {
color: #00FF00;
}
}
然后它会返回一个 CSS 文件，例如:
#foobar .red {
color: #FF0000;
}
#foobar .blue {
color: #00FF00;
}
这样我就可以动态地封装一些 CSS 包含并确保它们的 CSS 不会在某种程度上“爆发”。 ShadowDOM 对此不起作用，因为我想级联到这个元素中。它不是为了防止恶意代码，只是为了简化开发。
我相当确定它是服务器端软件而不是 javascript 库，尽管两者都可以。
最佳答案
Sass、Less 和其他 CSS 预处理器正是您要找的!
这是一个 good article比较了一些更受欢迎的选项。
关于css - 允许在带有封装括号的 CSS 中使用 "scoping"的软件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47170790/