如何以编程方式在所有现有CSS选择器中插入父元素

Question

我有一个包含1000多个选择器的大型CSS文件。我想将ID MyId作为父元素添加到所有选择器中。

例如：

p{
...
}
.myclass li{
...
}

将成为：

#MyId p{
...
}
#MyId .myclass li{
...
}

有没有办法自动执行此操作，例如在PhpStorm或工具中？

Answer 1

您可以使用替换为正则表达式选项。

查找：^(.*)\{$

替换：#MyId $1{

这将匹配所有起始CSS行，例如。 [selector] { ，并以#MyId为前缀。

我建议使用SASS来更好地控制编译css文件。

  

注意：这不会修复html, body {等复合选择器，它只会将复合值作为#MyID html, body {的前缀