html - Grep 或 Regex 来转换 css

Question

我有几个包含数百行代码的样式表。样式表与其他样式表冲突，我想将那里的特殊性隔离到单个 div。我不想使用 iframe，我尝试更改 head 元素中样式表的优先级。

我可以运行一个 grep 或 regex 命令来将此字符串#isolated-div作为第一个选择器插入到所有指定样式表的每一行中吗？这样，应用于元素的每个样式都必须是 div 的子元素。

没关系像 body 或 iframe 这样的顶级元素。

Answer 1

AWK 解决方案好吗？

awk -F'{' '{split($1, sel, ","); 
            for(i in sel) {if (i>1) printf(","); printf("#isolated-div %s", sel[i]); }
            printf("{%s\n", $2) }' filename.min.css > filename.new.min.css

Answer 2

我不知道样式表的外观如何，但我会试一试。像这样简单的东西可以工作，但绝不是完美的：http ://regex101.com/r/gI1hV0

/^[^{}]+{/gm

但我不能保证它每次都能正常工作。