Question

我有几个样式表，包含数百行代码。样式表与其他样式表相冲突，我希望将特异性与单个div区分开来。我不想使用iframe，我尝试更改head元素中样式表的优先级。

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

不要使用像body或iframe这样的顶级订单元素。

Answer 1

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

/^[^{}]+{/gm

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

Answer 2

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

Grep或Regex改造css

2 个答案: