RegEx帮助更改CSS中的属性。

Question

我在RegEx上得到了一些帮助，不知道我做错了什么。我想要实现的是更改CSS文件中一个CSS属性的值，而不更改CSS文件中的任何内容。

<?php
$var = '
#css {
    text-size: 14px;
    color: red;
    background: orange;
}
';
echo preg_replace('/#css(.*)color: (.*);(.*)}/is','#css$1color: black;$3 }',$var);
?>

我希望看到的结果是：

#css {
    text-size: 14px;
    color: red;
    background: orange;
}

然而，我得到的是：

#css {
    text-size: 14px;
    color: black;
 }

我根本不是RegEx方面的专家，但是在阅读了网上的手册和例子之后，我想我可以用反向引用来做这件事，1美元将是第一场比赛的结果，2美元的第二次，3美元的第三次……在我的示例中，$1匹配'#css‘和'color：’之间的所有内容，然后$2我不使用，因为我想将'red‘替换为'black’。我以为3美元是“；”和“}”之间一切的结果，但它在某个地方丢失了，或者更有可能是在某个地方迷路了;-)

谢谢你的建议和支持。

Answer 1

首先，使用贪婪的.*总是有问题的。在您的示例中，它包含了太多的符号，因此您会丢失背景，因为它与代码中的最后一个; (在背景声明之后)匹配。相反，使用一个负字符类，它匹配直到您知道的下一个符号不应该包含在匹配中--在您的例子中是;。因此，字符类应该类似于：[^;]*。匹配}符号也是如此--使用一个负字符类代替。

其次，我会尽量减少捕获组的使用。

最后，我将减少杂乱，并将所有您不想替换的东西放在俘虏组中，这样您就可以得到一个非常简单的结果：'$1black$2'

尝试以下正则表达式：

preg_replace('/(#css.*?color:)[^;]*([^}]*)/is','$1black$2',$var);

见演示

请注意，此正则表达式有一个缺陷:如果您的解褶中有不同的color(背景颜色、边框颜色、.)，它将崩溃！因此，您应该添加一个额外的空格，以确保它只捕获“真实”color声明：

/(#css.*?\scolor:)[^;]*([^}]*)/is

如果规则块中有多个color:xyz;声明(不应该发生)，这仍然可能会中断。只有第一个得到替换。

Answer 2

问题是你是为你的第二个捕获组贪婪地匹配。这样做，它消耗了所有的东西，直到你的文本中的最后分号。

您应该做的是使用惰性匹配组代替，它将匹配尽可能少的字符。(例如，直到第一个分号，而不是最后一个分号

preg_replace('/#css(.*)color: .*?;(.*)}/is','#css$1color: black;$2 }',$var);

Answer 3

由于我理解你的问题，我认为这将解决你的问题。

$var = '
#css {
    text-size: 14px;
    color: red;
    background: orange;
}
';
preg_match_all('/(#css\s*\{[\sA-z0-9#:;-]*color\s*:\s*[A-z0-9#]*)/', $var, $output);

$temp = preg_replace('/(color\s*:\s*[A-z0-9#]*)/im', 'color: black', $output[0][0]);

echo preg_replace('/(#css\s*\{[\sA-z0-9#:;-]*color\s*:\s*[A-z0-9#]*)/im', $temp, $var);

?>