php to get all class names in css file

Question

Let's say I have a css file as shown...

span {
    //whatever
}

.block {
    //whatever
}

.block, .something {
    //whatever
}

.more,
h1,
h2 {
    //whatever
}

I want to extract all class names and put it into an array, but I want to keep the structure, so the array will look like...

["span", ".block", ".block, .something", ".more, h1, h2"]

So there are four items.

This is my attempt...

$homepage = file_get_contents("style.css");

//remove everything between brackets (this works)
$pattern_one = '/(?<=\{)(.*?)(?=\})/s';

//this regex does not work properly
$pattern_two = "/\.([\w]*)\s*{/";

$stripped = preg_replace($pattern_one, '', $homepage);
$selectors = array();
$matches = preg_match_all($pattern_two, $stripped, $selectors);

what is the proper regex to use for pattern 2?

you might be looking for something like phpquery: github.com/punkave/phpQuery — online Thomas
– online Thomas, Commented Oct 5, 2016 at 18:35
@Thomas, phpQuery doesn't parse css files and extract the identifiers... you should double check it. — Dekel
– Dekel, Commented Oct 5, 2016 at 18:36

MonkeyZeus · Accepted Answer · 2016-10-05 19:01:46Z

6

Like this?

<?php
$css = "span {
    //whatever
}

.block {
    //whatever
}

.block, .something {
    //whatever
}

.more,
h1,
h2 {
    //whatever
}";

$rules = [];

$css = str_replace("\r", "", $css); // get rid of new lines
$css = str_replace("\n", "", $css); // get rid of new lines

// explode() on close curly braces
// We should be left with stuff like:
//   span{//whatever
//   .block{//whatever
$first = explode('}', $css);

// If a } didn't exist then we probably don't have a valid CSS file
if($first)
{
    // Loop each item
    foreach($first as $v)
    {
        // explode() on the opening curly brace and the ZERO index should be the class declaration or w/e
        $second = explode('{', $v);

        // The final item in $first is going to be empty so we should ignore it
        if(isset($second[0]) && $second[0] !== '')
        {
            $rules[] = trim($second[0]);
        }
    }
}

// Enjoy the fruit of PHP's labor :-)
print_r($rules);

edited Oct 5, 2016 at 19:01

answered Oct 5, 2016 at 18:46

MonkeyZeus

20.8k4 gold badges41 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

chris85 Over a year ago

Shortcut $css = str_replace(array("\r", "\n", "\t", " ") , "", $css); , or even $css = preg_replace('/\s+/', '', $css);

MonkeyZeus Over a year ago

@chris85 Excellent suggestion but I wanted to keep it verbose for newbie Googlers :-)

buydadip Over a year ago

@MonkeyZeus this basically works, but just one small issue, the spaces are removed so the css identifier .block .something becomes .block.something for example. I don't mean to be anal but this is sort of an issue

MonkeyZeus Over a year ago

@Bolboa Another thing to consider is that this does not handle comments outside of the curly braces so something can be done in $rules[] = trim($second[0]); but I am not going to figure it out right now. Try my code against BootStrap's CSS file and you will see what I am talking about.

buydadip Over a year ago

@MonkeyZeus yeah it does not consider keyframes and such but I altered your code to fix it. Thanks

|

Collectives™ on Stack Overflow

php to get all class names in css file

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related