php - 使用 Regex 解析内联 CSS 值？

Question

我有这样的内联 CSS

color:#777;font-size:16px;font-weight:bold;left:214px;position:relative;top:70px

CSS 可以以分号“;”结尾或不。它还可以在其值之间包含额外的空间。我正在使用“explode”函数将 CSS 解析为一个数组，例如:

Array(
"color" => "#777",
"font-size" => "16px",
"font-weight" => "bold",

等等。

谁能建议我使用正则表达式来完成这项任务的方法？

Answer 1

另一种方式，使用正则表达式:

$css = "color:#777;font-size:16px;font-weight:bold;left:214px;position:relative;top:   70px";

$results = array();
preg_match_all("/([\w-]+)\s*:\s*([^;]+)\s*;?/", $css, $matches, PREG_SET_ORDER);
foreach ($matches as $match) {
  $results[$match[1]] = $match[2];
}

print_r($results);

输出:

Array(    [color] => #777    [font-size] => 16px    [font-weight] => bold    [left] => 214px    [position] => relative    [top] => 70px)