PHP получает определенные стили из CSS

Большое спасибо @Pete за отличную ссылку, которой он поделился. Следующие фрагменты кода решили мои проблемы. Вы можете выбрать любое регулярное выражение / функцию.

private function parse_css($css)
{
    $css_array = array(); // master array to hold all values
    $element = explode('}', $css);
    foreach ($element as $element) {
        // get the name of the CSS element
        $a_name = explode('{', $element);
        $name = $a_name[0];
        // get all the key:value pair styles
        $a_styles = explode(';', $element);
        // remove element name from first property element
        $a_styles[0] = str_replace($name . '{', '', $a_styles[0]);
        // loop through each style and split apart the key from the value
        $count = count($a_styles);
        for ($a=0;$a<$count;$a++) {
            if ($a_styles[$a] != '') {
                $a_key_value = explode(':', $a_styles[$a]);
                // build the master css array
                $css_array[$name][$a_key_value[0]] = $a_key_value[1];
            }
        }               
    }
    return $css_array;
}

private function filter_css($css)
{
//$regex1 = '/([^{]+)\s*\{\s*([^}]+)\s*}/';  
//$regex2 = '/(?<selector>(?:(?:[^,{]+),?)*?)\{(?:(?<name>[^}:]+):?(?<value>[^};]+);?)*?\}/';
  $newcss = $this->parse_css($css);  //One way
//preg_match_all('regex1',$css,$newcss);  //another way
//preg_match_all('regex2',$css,$newcss);  //yet another way
  return $newcss;
}

Вышеупомянутая функция использует в основном 2 регулярных выражения и 1 функцию для синтаксического анализа CSS, что делает доступными для использования всего 3 метода. У каждого метода разные порядки вывода.

Например, рассмотрим следующий файл CSS:

#id{ display: block; color: blue; padding: 0 5px;}

#id2{ background: Yellow; margin: 0px; position: relative;}

#id3{ float: left;}

Вы получите следующие результаты, когда:

1. Вы используете функцию parse_css:

    #output:
    Array
    (
        [#id] => Array
            (
                [ display] =>  block
                [ color] =>  blue
                [ padding] =>  0 5px
            )



     [#id2] => Array
            (
                [ background] =>  Yellow
                [ margin] =>  0px
                [ position] =>  relative
            )

    [#id3] => Array
        (
            [ float] =>  left
        )

    )

1. Вы используете regex1:

    #output:
    Array
    (
        [0] => Array
            (
                [0] => #id{ display: block; color: blue; padding: 0 5px;}
                [1] => #id2{ background: Yellow; margin: 0px; position: relative;}
                [2] =>  #id3{ float: left;}
            )

        [1] => Array
            (
                [0] => #id
                [1] =>  #id2
                [2] => #id3
            )

        [2] => Array
            (
                [0] => display: block; color: blue; padding: 0 5px;
                [1] => background: Yellow; margin: 0px; position: relative;
                [2] => float: left;
            )

    )

1. Вы используете regex2:

    #output:
    Array
    (
        [0] => Array
            (
                [0] => #id{ display: block; color: blue; padding: 0 5px;}
                [1] => #id2{ background: Yellow; margin: 0px; position: relative;}
                [2] => #id3{ float: left;}
            )

        [selector] => Array
            (
                [0] => #id
                [1] => #id2
                [2] => #id3
            )

        [1] => Array
            (
                [0] => #id
                [1] => #id2
                [2] => #id3
            )

        [name] => Array
            (
                [0] =>  padding
                [1] =>  position
                [2] =>  float
            )

        [2] => Array
            (
                [0] =>  padding
                [1] =>  position
                [2] =>  float
            )

        [value] => Array
            (
                [0] =>  0 5px
                [1] =>  relative
                [2] =>  left
            )

        [3] => Array
            (
                [0] =>  0 5px
                [1] =>  relative
                [2] =>  left
            )

    )

Вы можете видеть, что regex2 дает вам больше гибкости и возможностей, чем другие. Я бы также лично не рекомендовал использовать функцию parse_css, потому что в ней есть ошибка, которая пропускает ошибку, если в вашем CSS закрывающие фигурные скобки содержат пробелы. Например, если ваш CSS:

#ie{ display:block; } /* notice the space after ';' */

Это даст вам следующую ошибку: Notice: Undefined offset: 1 in path/to/your/file.php on line xx

Но работает нормально, если нет пробелов. Например, когда приведенный выше CSS записан как:

#ie{ display:block;} /* notice no space after ';' */

И он будет работать нормально.

Теперь вы можете вырезать любой результат, какой захотите. Вы можете вручную создать любую схему фильтра или настраиваемое регулярное выражение. Предложения приветствуются.