0

数百行のコードを含むスタイルシートがいくつかあります。スタイルシートは他のスタイルシートと競合しているので、単一のdivへの特異性を分離したいと思います。iframeを使用したくないので、head要素のスタイルシートの優先順位を変更してみました。

#isolated-div指定されたすべてのスタイルシートのすべての行に最初のセレクターとしてこの文字列を挿入するために実行できるgrepまたはregexコマンドはありますか？そうすれば、要素に適用されるすべてのスタイルは、divの子である要素である必要があります。

bodyやiframeなどの最上位の要素を気にしないでください。

4

2 に答える 2

1

スタイルシートがどのように見えるかはわかりませんが、試してみます。これはうまくいくかもしれませんが、決して完璧ではありません：http: //regex101.com/r/gI1hV0

/^[^{}]+{/gm

しかし、毎回動作することを保証することはできません。

于 2012-08-24T09:18:33.683 に答える
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
于 2012-08-24T10:58:41.363 に答える