技术求助：编写正则表达式匹配字符串中带动态颜色值的<span>标签

我来帮你搞定这个正则匹配的问题！你需要精准捕获那些带颜色样式的<span>实体标签，同时不包含前后的无关内容，对吧？

正确的正则表达式 #

我们可以用如下正则（用~作为分隔符，避免和正则内的字符冲突）：

$regex = '~<span style=\\\\"color:#[0-9a-fA-F]{6};\\\\">~';

正则各部分拆解： #

• <：匹配HTML实体化的左尖括号<
• span style=：匹配标签内的固定文本
• \\\\"：匹配字符串中转义后的双引号实体\"（PHP字符串里要写四个反斜杠，最终正则解析为\"）
• color:#：匹配颜色属性的固定前缀
• [0-9a-fA-F]{6}：匹配6位十六进制颜色值（支持大小写字母）
• ;\"：匹配分号和转义后的双引号实体
• >：匹配HTML实体化的右尖括号>

PHP代码示例（匹配所有目标标签） #

因为你需要捕获所有符合条件的标签，所以要用preg_match_all（preg_match只会返回第一个匹配项）：

$sample = "<p><span style=\"color:#4a4a4a;\"><span style=\"color:#4a5a6a;\"> Some others texts";
$matches = array();
$regex = '~<span style=\\\\"color:#[0-9a-fA-F]{6};\\\\">~';
preg_match_all($regex, $sample, $matches);

// 输出匹配到的结果
print_r($matches[0]);

运行后会得到你想要的结果：

Array
(
    [0] => <span style="color:#4a4a4a;">
    [1] => <span style="color:#4a5a6a;">
)

为什么你之前的正则不行？ #

你之前写的(.*?<span style=\\"color:.*?\">)里，开头的.*?是非贪婪匹配，但它会从字符串最开始的位置开始匹配，直到找到第一个符合的span标签，所以会把前面的<p>也包含进去。我们要去掉开头的.*?，直接精准匹配span标签的完整结构，这样就不会捕获无关内容了。

额外：移除这些标签的方法 #

如果你的最终需求是移除这些标签，而不仅仅是匹配，可以用preg_replace：

$cleaned = preg_replace($regex, '', $sample);
echo $cleaned;
// 输出：<p> Some others texts

小提示 #

• 如果你需要支持3位的短颜色值（比如#fff），可以把正则里的{6}改成{3,6}
• 用单引号定义正则字符串更省心，能避免双引号字符串里的额外转义问题

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