我正在尝试用自定义类替换所有body和html选择器。 (稍后html内容将显示在自定义容器中,可用的css不应影响主站点。)
这是我尝试的内容:
$data = "html body { color: red; }\nbody html { color: red; }\nhtml, body { color: red; }\nbody, html, .body table, #html-TemplateContainer {\nbackground-color:#eee;\n}";
echo "<pre>".preg_replace('/(^|[,}\s]+)(body html|html body|html|body)([,.{\s]*)/is', '$1'.'.foo'.'$3', $data)."</pre>";
打印哪些:
.foo { color: red; }
.foo { color: red; }
.foo, body { color: red; }
.foo, html, .body table, #html-TemplateContainer {
background-color:#eee;
}
我不明白为什么第3行和第4行的主体和html(scnd选择器)没有被替换,因为我的理解它应该匹配正则表达式?!
答案 0 :(得分:0)
You should try this...
=========================>
echo "<pre>".preg_replace('/(^|#|.|\s]+)(body html|html body|html|body)([^,.{\s]*)/is',
'$1'.'.foo'.'$3', $data)."</pre>";
答案 1 :(得分:0)
感谢cbuckley,我不得不使用lookahead和lookbehind,现在它工作正常;) 我做了一些改进,所以它现在可以匹配任何可能性。
工作代码:
$data = "html body { color: red; }\nhtml *.class { color: red; }\nhtml,body { color: red; }\nhtml[dir=\"rtl\"], body, .body table, #html-container\n{\n background-color:#eee;\n}";
echo "<pre>".preg_replace('/(?<=^|[,}\]\s])(\*\s+html\s+body|\*\s+body\s+html|html\s+\*\s+body|html\s+body\s+\*|body\s+\*\s+html|body\s+html\s+\*|\*\s+html|\*\s+body|html\s+\*|html\s+body|body\s+\*|body\s+html|\*|html|body)(?=[,.{\[\s]|$)/is', '.foo', $data)."</pre>";
原始css:
html body { color: red; }
html *.class { color: red; }
html,body { color: red; }
html[dir="rtl"], body, .body table, #html-container
{
background-color:#eee;
}
修改过的css:
.foo { color: red; }
.foo.class { color: red; }
.foo,.foo { color: red; }
.foo[dir="rtl"], .foo, .body table, #html-container
{
background-color:#eee;
}
之后可以过滤掉同一个选择器的多次出现。