css - 允许在带有封装括号的 CSS 中使用 "scoping"的软件

Question

过去我用过一些软件可以做到这一点，但我不记得名字了。我以为 CSSTidy 做到了，但我似乎不记得是怎么做到的(如果是那样的话)。

基本上它的工作方式是你可以像这样传递一个 CSS 文件:

#foobar{

    .red {

        color: #FF0000;

    }

    .blue {

        color: #00FF00;

    }

}

然后它会返回一个 CSS 文件，例如:

#foobar .red {

    color: #FF0000;

}

#foobar .blue {

    color: #00FF00;

}

这样我就可以动态地封装一些 CSS 包含并确保它们的 CSS 不会在某种程度上“爆发”。 ShadowDOM 对此不起作用，因为我想级联到这个元素中。它不是为了防止恶意代码，只是为了简化开发。

我相当确定它是服务器端软件而不是 javascript 库，尽管两者都可以。

Answer 1

Sass、Less 和其他 CSS 预处理器正是您要找的!

这是一个 good article比较了一些更受欢迎的选项。