css - 将选择器添加到 css 文件中的每一行

Question

我必须向每个 CSS 行添加一个特定的 ID 选择器 (#mymodule)。鉴于大约有 20000 行，我不想手动执行此操作:)。

我尝试使用 notepad++ 中的正则表达式匹配:

^((?!}|\s\s).)*$

但是我得到一个无效的错误。尽量不重新发明轮子，我可能不是第一个想这样做的人，有没有人有一个有效的正则表达式字符串，或者可能有其他方法来实现这个？

Answer 1

最简单的方法是使用 Less/Sass允许你嵌套 css 选择器

您可以使用 this在线编辑器来生成你的新 CSS，只需粘贴你的 CSS 并用你的 id 包裹它，编译它......你就完成了!

#mymodule {
    .class1 {
        color: red;
    }
    #selector {
        color: blue;
    }
}