是否有任何方法可以将CSS前缀类别类或在线生成器添加

Question

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

我找到了一些解决方案，还不完全好

方法1

我们可以在编辑器中搜索和替换，但是对于诸如float value css的所有情况。

都不是正确的。

method2

我用谷歌搜索，并向我展示了包装自定义CSS课程。如下

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

Answer 1

我想要喜欢.myprefix-btn，.myprefix-text-meded，.myprefex-bg？

如果您使用的是SCSS，则可以通过以下代码来实现此目的：

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

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

Answer 2

用您选择的class-name将整个CSS包裹起来。

示例：

.myprefix {
  /*Source files*/
}

现在您有一个SCSS文件。

• 然后转到此链接并复制粘贴代码并将其转换为CSS文件。

您会注意到，所有CSS课程都使用myprefix