允许在CSS中使用封装括号“限定”的软件

时间:2017-11-08 02:49:14

标签: css csstidy

过去我曾经使用过一些这样做的软件,但我不记得这个名字了。我认为CSSTidy做到了,但我似乎无法回想起如何(如果那样)。

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

#foobar{

    .red {

        color: #FF0000;

    }

    .blue {

        color: #00FF00;

    }

}

然后它将返回一个CSS文件,如:

#foobar .red {

    color: #FF0000;

}

#foobar .blue {

    color: #00FF00;

}

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

我很确定它是服务器端软件,而不是javascript库,不过哪一种都可以。

1 个答案:

答案 0 :(得分:1)

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

这里有good article,可以比较一些比较流行的选项。