允许 "scoping" in CSS 带有封装括号的软件
Software that allows for "scoping" in CSS with encapsulating brackets
以前我用过一些软件做这个，但我不记得名字了。我以为 CSSTidy 做到了，但我似乎不记得是怎么做到的（如果是的话）。
基本上它的工作方式是您可以传递一个 CSS 文件，例如：
#foobar{
.red {
color: #FF0000;
}
.blue {
color: #00FF00;
}
}
然后它会 return 一个 CSS 文件，例如：
#foobar .red {
color: #FF0000;
}
#foobar .blue {
color: #00FF00;
}
这样我就可以动态封装一些 CSS 包含并确保它们的 CSS 在某种程度上不会 "break out"。 ShadowDOM 对此不起作用，因为我想级联到这个元素中。它不是为了防止恶意代码，只是为了简化开发。
我相当确定它是服务器端软件而不是 javascript 库，尽管两者都可以。
Sass、Less 和其他 CSS 预处理器就是您要找的！
这里 good article 比较了一些更受欢迎的选项。
以前我用过一些软件做这个，但我不记得名字了。我以为 CSSTidy 做到了，但我似乎不记得是怎么做到的（如果是的话）。
基本上它的工作方式是您可以传递一个 CSS 文件，例如：
#foobar{
.red {
color: #FF0000;
}
.blue {
color: #00FF00;
}
}
然后它会 return 一个 CSS 文件，例如：
#foobar .red {
color: #FF0000;
}
#foobar .blue {
color: #00FF00;
}
这样我就可以动态封装一些 CSS 包含并确保它们的 CSS 在某种程度上不会 "break out"。 ShadowDOM 对此不起作用，因为我想级联到这个元素中。它不是为了防止恶意代码，只是为了简化开发。
我相当确定它是服务器端软件而不是 javascript 库，尽管两者都可以。
Sass、Less 和其他 CSS 预处理器就是您要找的！
这里 good article 比较了一些更受欢迎的选项。