是否有任何方法添加css前缀类与应用或在线生成器？

Question

是否有任何方法为上千行css代码添加自定义css前缀类？

我找到了一些解决办法，不是很好

method1

我们可以在编辑器中搜索和替换，但是对于浮点值css这样的所有情况，它并不正确。

method2

我搜索并显示了我喜欢包装自定义css类。就像下面

.myprefix .btn {}
.myprefix .text-muted {}
// this solution is not cool

Answer 1

我想要...myprefex bg，..myprefex bg？

如果您正在使用SCSS，那么您可以通过以下代码实现这一点：

.myprefix{
    &-btn{
        color: red;
    }
    &-text-muted{
        color: green;
    }
}

确保html继承那些带有父前缀的btn文本。

Answer 2

用你选择的类名封装你的整个CSS。

示例：

.myprefix {
  /*Source files*/
}

现在你有了一个SCSS文件。

• 然后转到这个链接，复制粘贴您的代码并将其转换为CSS文件。

您会注意到，您所有的CSS类前面都有myprefix