Question

I have the following css code

h1, h2, h3, h4 {
  color: #333;
  font-size: 12px;
}

i would like to split this up into an php array e.g.

array(
  h1 => array(
    color => #333
    font-size => 12px )
  h2 => array(
    color => #333
    font-size => 12px )
  h3 => array(
    color => #333
    font-size => 12px )
  h4 => array(
    color => #333
    font-size => 12px )
)

Does anyone know how would I go about doing this?

Thanks

Answer 1

The following code works in most, but not all cases:

$clean_css_str = preg_replace('#/\*.*\*/#U', ' ', str_replace("\n", ' ', $css_str));
$r = preg_match_all('/([^{]+){([^}]*)}/', $clean_css_str, $match_arr);
$sel_arr = array_map('trim', $match_arr[1]);
$css_arr = array_map('trim', $match_arr[2]);
$css_map = array();
for ($i = 0; $i < $r; $i++) {
   if (preg_match_all('/([-a-z_][-a-z0-9_]*)\s*:\s*([^;]+)(;|$)/i', $css_arr[$i], $match_arr)) {
      $prop_arr = array_map('trim', $match_arr[1]);
      $decl_arr = array_map('trim', $match_arr[2]);
      $decl_map = array_combine($prop_arr, $decl_arr);
      foreach (array_map('trim', explode(',', $sel_arr[$i])) as $sel) {
         $css_map[$sel] = isset($css_map[$sel]) ? array_merge($css_map[$sel], $decl_map) : $decl_map;
      }
   }
}
var_export($css_map); echo "\n";

It does not work with @ rules, opening braces in selectors, closing braces or semicolons in declarations, and a few more exotic cases.

(please note: I fixed a bug in the above code half a year after it was accepted)