允许；范围界定；在CSS中使用封装括号

过去我用过一些软件，但我记不起它的名字。我以为是CSSTidy干的，但我想不起来是怎么干的（如果真是这样的话）

基本上，它的工作方式是您可以传递如下CSS文件：

#foobar{

    .red {

        color: #FF0000;

    }

    .blue {

        color: #00FF00;

    }

}

#foobar .red {

    color: #FF0000;

}

#foobar .blue {

    color: #00FF00;

}

然后它将返回一个CSS文件，如：

#foobar{

    .red {

        color: #FF0000;

    }

    .blue {

        color: #00FF00;

    }

}

#foobar .red {

    color: #FF0000;

}

#foobar .blue {

    color: #00FF00;

}

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

---

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

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

---

下面是一个比较一些比较流行的选项的例子。

我想的是少一点。非常感谢。