Analyser un fichier CSS avec PHP

Question

Je veux analyser (d'une manière particulière) un fichier CSS avec PHP.

Exemple :

cssfile.css :

#stuff {
    background-color: red;
}

#content.postclass-subcontent {
    background-color: red;
}

#content2.postclass-subcontent2 {
    background-color: red;
}

Et je veux que PHP me renvoie chaque nom de classe qui a le mot postclass dans son nom.

Le résultat ressemble à un tableau ayant dans cet exemple :

arrayentry1:
#content.postclass-subcontent
arrayentry2:
#content2.postclass-subcontent2

Mais je suis moins doué pour les expressions régulières. Il faut en quelque sorte chercher "postclass", puis grappiller la ligne du trou et la mettre dans un tableau.

---

merci et je l'ai utilisé pour analyser un fichier css similaire à un fichier confic.

$(function () {
    $.get('main.css', function (data) {
        data = data.match(/(#[a-z0-9]*?\ .?postclass.*?)\s?\{/g);
        if (data) {
            $.each(data, function (index, value) {
                value = value.substring(0, value.length - 2);
                $(value.split(' .')[0]).wrapInner('<div class="' + value.split('.')[1] + '" />');
            });
        }
    });
});

c'était mon code final. ainsi je peux facilement envelopper un div autour d'un code dur sans modifier la mise en page. il me suffit donc de modifier mon fichier css et d'y ajouter quelque chose comme

id .postclass-class { quelques styles }

et mon code recherche l'id et entoure le contenu interne d'un div. J'avais besoin de cela pour des corrections rapides lorsque je dois simplement ajouter un div autour d'un élément pour l'effacer ou le mettre en arrière-plan.

Answer 1

J'ai trouvé une solution :

function parse($file){
    $css = file_get_contents($file);
    preg_match_all( '/(?ims)([a-z0-9\s\.\:#_\-@,]+)\{([^\}]*)\}/', $css, $arr);
    $result = array();
    foreach ($arr[0] as $i => $x){
        $selector = trim($arr[1][$i]);
        $rules = explode(';', trim($arr[2][$i]));
        $rules_arr = array();
        foreach ($rules as $strRule){
            if (!empty($strRule)){
                $rule = explode(":", $strRule);
                $rules_arr[trim($rule[0])] = trim($rule[1]);
            }
        }

        $selectors = explode(',', trim($selector));
        foreach ($selectors as $strSel){
            $result[$strSel] = $rules_arr;
        }
    }
    return $result;
}

utiliser :

$css = parse('css/'.$user['blog'].'.php');
$css['#selector']['color'];

Answer 2

Il y a un très bon Classe de l'analyseur CSS en PHP. Utilisez-le. Voici son exemple de code :

<?php
include("cssparser.php");

$css = new cssparser();
$css->ParseStr("b {font-weight: bold; color: #777777;} b.test{text-decoration: underline;}");
echo $css->Get("b","color");     // returns #777777
echo $css->Get("b.test","color");// returns #777777
echo $css->Get(".test","color"); // returns an empty string
?>

Answer 3

Pour être complet, il existe également une autre bibliothèque pour analyser les CSS : sabberworm / PHP-CSS-Parser .

Page d'accueil : http://www.sabberworm.com/blog/2010/6/10/php-css-parser
GitHub : http://github.com/sabberworm/PHP-CSS-Parser
Gist : http://packagist.org/packages/sabberworm/php-css-parser
Dernière mise à jour : 31 mai 2017 (En précisant cela car la date figurant dans l'article du blog peut vous induire en erreur en vous faisant croire qu'il n'est plus mis à jour).

Malheureusement, ce projet est un peu trop robuste. A partir d'un CSS très simple, on obtient une structure très bavarde. De plus, avant la première utilisation, vous devez vous occuper du compositeur (j'ai moi-même fini par ajouter require_once pour chaque fichier dans le parser.php).

Answer 4

<?php

$css = <<<CSS
#selector { display:block; width:100px; }
#selector a { float:left; text-decoration:none }
CSS;

//
function BreakCSS($css)
{

    $results = array();

    preg_match_all('/(.+?)\s?\{\s?(.+?)\s?\}/', $css, $matches);
    foreach($matches[0] AS $i=>$original)
        foreach(explode(';', $matches[2][$i]) AS $attr)
                if (strlen($attr) > 0) // for missing semicolon on last element, which is legal
                {
                        // Explode on the CSS attributes defined
                        list($name, $value) = explode(':', $attr);
                        $results[$matches[1][$i]][trim($name)] = trim($value);
                }
    return $results;
}
var_dump(BreakCSS($css));

// voir son même

Answer 5

En plus de la réponse de Gabriel Anderson pour gérer les requêtes @media css, le sélecteur enfant > ,des images en base64, et input[type="button"]:hover

function parse_css_selectors($css,$media_queries=true){

    $result = $media_blocks = [];

    //---------------parse css media queries------------------

    if($media_queries==true){

        $media_blocks=parse_css_media_queries($css);
    }

    if(!empty($media_blocks)){

        //---------------get css blocks-----------------

        $css_blocks=$css;

        foreach($media_blocks as $media_block){

            $css_blocks=str_ireplace($media_block,'~£&#'.$media_block.'~£&#',$css_blocks);
        }

        $css_blocks=explode('~£&#',$css_blocks);

        //---------------parse css blocks-----------------

        $b=0;

        foreach($css_blocks as $css_block){

            preg_match('/(\@media[^\{]+)\{(.*)\}\s+/ims',$css_block,$block);

            if(isset($block[2])&&!empty($block[2])){

                $result[$block[1]]=parse_css_selectors($block[2],false);
            }
            else{

                $result[$b]=parse_css_selectors($css_block,false);
            }

            ++$b;
        }
    }
    else{

        //---------------escape base64 images------------------

        $css=preg_replace('/(data\:[^;]+);/i','$1~£&#',$css);

        //---------------parse css selectors------------------

        preg_match_all('/([^\{\}]+)\{([^\}]*)\}/ims', $css, $arr);

        foreach ($arr[0] as $i => $x){

            $selector = trim($arr[1][$i]);

            $rules = explode(';', trim($arr[2][$i]));

            $rules_arr = [];

            foreach($rules as $strRule){

                if(!empty($strRule)){

                    $rule = explode(":", $strRule,2);

                    if(isset($rule[1])){

                        $rules_arr[trim($rule[0])] = str_replace('~£&#',';',trim($rule[1]));
                    }
                    else{
                        //debug
                    }
                }
            }

            $selectors = explode(',', trim($selector));

            foreach ($selectors as $strSel){

                if($media_queries===true){

                    $result[$b][$strSel] = $rules_arr;
                }
                else{

                    $result[$strSel] = $rules_arr;
                }
            }
        }
    }
    return $result;
}

function parse_css_media_queries($css){

    $mediaBlocks = array();

    $start = 0;
    while(($start = strpos($css, "@media", $start)) !== false){

        // stack to manage brackets
        $s = array();

        // get the first opening bracket
        $i = strpos($css, "{", $start);

        // if $i is false, then there is probably a css syntax error
        if ($i !== false){

            // push bracket onto stack
            array_push($s, $css[$i]);

            // move past first bracket
            $i++;

            while (!empty($s)){

                // if the character is an opening bracket, push it onto the stack, otherwise pop the stack
                if ($css[$i] == "{"){

                    array_push($s, "{");
                }
                elseif ($css[$i] == "}"){

                    array_pop($s);
                }

                $i++;
            }

            // cut the media block out of the css and store
            $mediaBlocks[] = substr($css, $start, ($i + 1) - $start);

            // set the new $start to the end of the block
            $start = $i;
        }
    }

    return $mediaBlocks;
}

Ressources

• Gistes -> https://gist.github.com/rafasashi/92ea1422c599faae5334

• Repos -> https://github.com/recuweb-source/php-dom-scraper