我的正则表达式没有正确替换

Question

我有这个正则表达式：/(?:(?<=(?:style=["])).*)(line-height.*?)[;"]/i

$regex = '/(?:(?<=(?:style=["])).*)(line-height.*?)[;"]/i';

preg_replace("/(?:(?<=(?:style=[\"'])).*)(line-height.*?)[;\"]/i", "HELLO", $input);

这是输入：

    <li><span style="line-height: 20.14399986267089px">500.00dkk</span></li>
<li style="color:red; line-height: 21.14399986267089px"></li>

我只想用 HELLO 替换出现的“line-height: SOMENUMBERpx”（它还必须以样式标记开头）： 但我不能让它正常工作。现在它替换了 line-height 属性，但它也替换了：color:red，这是我不想要的。

这是我想要的输出：

<li><span style=HELLO>500.00dkk</span></li> 
<li style="color:red; HELLO"></li>

谁能看到我做错了什么？

Answer 1

我会使用DOM 解析器来提取样式属性并使用preg_replace() 修改内容：

$input = <<<EOF
<li><span style="line-height: 20.14399986267089px">500.00dkk</span></li>
<li style="color:red; line-height: 21.14399986267089px"></li>
EOF;

# Create a document from input
$doc = new DOMDocument();
$doc->loadHTML($input);

# Create an XPath selector
$selector = new DOMXPath($doc);

# Modify values of the style attributes
foreach($selector->query('//@style') as $style) {
    $style->nodeValue = preg_replace(
        '/line-height:\s*[0-9]+(\.[0-9]+)?px\s*;?/',
        'HELLO;',
        $style->nodeValue
    );
}

# Output the modified document
echo $doc->saveHTML();

使用DOM 和XPath 的优点是即使HTML 内容变得怪异，您也可以可靠地访问任何嵌套级别的样式属性。如果 HTML 结构将来发生变化，或者您想更接近地指定应该更改的样式属性，也很容易维护。

以下面的查询为例，它只选择 <span> 标记的样式属性，该标记具有类 even 并且是 div 和 id="foo" 的子级（在任何嵌套级别）。

//div[@id="foo"]//span[contains(@class, "even")]/@style

如果您尝试使用正则表达式，您将获得很多乐趣！ :)

---

关于CSS 部分。我决定为此使用正则表达式，因为我能想到的唯一可能破坏正则表达式的东西是：

<span style="background:url('line-height:2px');">

由于line-height:2px 是一个有效的 UNIX 文件名，上述情况是可能的。但是，嘿！ :) 如果你真的很在意，你需要使用 CSS 解析器来完成这项工作。

Answer 2

你可以在这里使用\K。\K resets the starting point of the reported match. Any previously consumed characters are no longer included in the final match

style=.*?\Kline-height.*?(?=[;"])

试试这个。See demo.

这将确保只有line=height... 将被替换，并且它前面也有style=

Answer 3

这是你想要的正则表达式

(line-height:\s+\d+\.\d+px)

Debuggex Demo