Search something in CSS with PHP

Question

I have that in a variable :

.fontSize10{
font-size:xx-small;
}
.fontSize11{
font-size:x-small;
}
.fontSize12{
font-size:small;
}
.fontSize13{
font-size:medium;
}
.fontSize14{
font-size:large;
}
.fontSize16{
font-size:x-large;
}
.fontSize18{
font-size:xx-large;
}

In this variable, i can have a lots of other css instructions.

I need to retrieve, for each instructions that begin by .fontSize, his name (for example .fontSize14) and his size (large).

I need to keep name and size together (in an array for example $tab[0][0] = "fontSize14" and $tab[0][1] = "large")

Do you have an idea ? With regex maybe ? Thanks :)

How about .fontSize3 .otherClass? Is this going to be 1 time task? — nhahtdh
– nhahtdh, Commented Jan 30, 2013 at 9:52

Till Helge · Accepted Answer · 2013-01-30 09:55:10Z

3

If it strictly keeps to this format, you could do it with a regular expression like this:

=\.(fontSize\d+)\s*\{\s*font-size:([^;]+);\s*\}=is

However, I would advise you to write a proper parser so you can deal with wrong or different formats. Meaning that you iterate through the string line by line and store in a variable the name of the current definition block. If you encounter a font-size: you can just add the found value to an array using the name of the current block. When you encounter a closing bracket, you just set the variable back to null. It will be much more robust than the regular expression, because it works for CSS definitions with more attributes just as well.

answered Jan 30, 2013 at 9:55

Till Helge

9,3212 gold badges43 silver badges56 bronze badges

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

2 Comments

Till Helge Over a year ago

I tried it and it works. Have a look here. The page is in German, but you should get the drift.

Clément Andraud Over a year ago

With "preg_match_all("/=\.(fontSize\d+)\s*\{\s*font-size:([^;]+);\s*\}=is/ms", $css, $size, PREG_PATTERN_ORDER, 0);", my array size is empty...

Teun Lassche · Accepted Answer · 2013-01-30 09:54:28Z

1

Try to build your CSS as an array, then search through it, and when your done searching, implode the array (using 'implode()').

Example of the array structure:

$css = array('.fontSize10' => 'xx-small', '.fontSize11' => 'x-small');

If you really want to keep using $css as a string, then regex is the way to go.

Take a look at the following:

preg_match(), preg_match_all(), preg_replace()
For testing the regexes: http://gskinner.com/RegExr/

answered Jan 30, 2013 at 9:54

Teun Lassche

7275 silver badges14 bronze badges

Comments

Christoph Grimmer · Accepted Answer · 2013-01-30 10:03:30Z

0

Maybe you do a loop with some explodes included:

$result = array();
$parts1 = explode('}', $css);
foreach($parts1 as $part){
    if(strpos($part, '.fontSize') === 0){
        $subparts = explode('{', $part);
        $name = $subparts[0];
        //continue here to parse out the correct css value, maybe split again at ; and again at :
        //you then can pick out the parts you need and store it in $value or whatever.
        $result[] = array('name' => $name, 'value' => $value);
    }
}

answered Jan 30, 2013 at 10:03

Christoph Grimmer

4,3434 gold badges43 silver badges66 bronze badges

Collectives™ on Stack Overflow

Search something in CSS with PHP

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related