如何用PHP给提取自HTML邮件的CSS规则统一添加指定类选择器？

这种通过给所有CSS规则添加父类限定选择器的方式，能有效隔离邮件样式与网站全局样式，完全可行。

具体PHP实现步骤 #

1. 提取<style>标签内的纯CSS内容
2. 用正则表达式为每个CSS选择器添加.mydiv 前缀
3. 将修改后的CSS应用到包裹邮件内容的.mydiv容器中

代码示例 #

原输入字符串：

$string = '<style type="text/css">body { blah blah } .div1 { blah blah } .div2 { blah blah }</style> Blah blah blah body text blah blah';

处理代码：

// 提取<style>标签内的CSS内容
$styleContent = preg_replace('/^.*?&lt;style[^&gt;]*&gt;(.*?)&lt;\/style&gt;.*?$/s', '$1', $string);

// 针对单选择器的基础替换（适配示例中的简单场景）
$modifiedCss = preg_replace('/([^{}]+)\s*{/', '.mydiv $1 {', $styleContent);

// 若需支持逗号分隔的多选择器（如".a, .b { ... }"），使用以下正则
// $modifiedCss = preg_replace('/(\s*[^,{}]+)(?=\s*{|,)/', '.mydiv $1', $styleContent);

// 最终输出的修改后CSS
// .mydiv body { blah blah } .mydiv .div1 { blah blah } .mydiv .div2 { blah blah }
echo $modifiedCss;

关键注意事项 #

• 必须将邮件的所有HTML内容包裹在<div class="mydiv">容器内，否则修改后的CSS无法生效
• 复杂CSS场景（如媒体查询、嵌套规则、伪类选择器）需调整正则表达式，确保选择器匹配准确
• 若邮件CSS包含!important声明，仍可能局部影响全局样式，建议同时配合CSS隔离方案（如Shadow DOM）进一步增强隔离效果

内容的提问来源于stack exchange，提问作者Bas Verhagen