css - 有没有办法用应用程序或在线生成器添加 css 前缀类？

Question

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

我找到了一些解决方案，不是完全ok

方法1

我们可以在编辑器中搜索和替换，但它并不适用于所有情况，如 float value css。

方法2

我用谷歌搜索并显示我喜欢包装自定义 css 类。如下图

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

Answer 1

我想要 .myprefix-btn、.myprefix-text-muted、.myprefex-bg 之类的？

如果您使用的是 SCSS，则可以通过以下代码实现:

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

确保您的 html 继承那些 btn，带有父 myprefix 的文本。