php get css with regexp

Question

I'm trying to get css selector + styles with a regexp but there is always a problem...

So do you have an idea (exemple ?) of a regexp do get this:

array(
[0] => "div {
    background: red;
    color: blue;
}",
[1] => "section {
    /* comment with bad idea } <- this break regexp [^}]+ */
    background: blue;
    color: red;
}"
);

fom this css:

div {
    background: red;
    color: blue;
}

section {
    /* comment with bad idea } <- this break regexp [^}]+ */
    background: blue;
    color: red;
}

Thx

I would start by Googling PHP Parse CSS, check out the solutions available, and see whether they are smart enough to catch this case — Pekka
– Pekka, Commented Nov 27, 2013 at 16:40
possible duplicate of parsing a css file with sabberworm/PHP-CSS-Parser — mario
– mario, Commented Nov 27, 2013 at 18:31

OGHaza · Accepted Answer · 2013-11-28 14:28:58Z

1

How about:

\S+\s*{(.*?)}(?![^*]*\*/)

RegExr Example

Explanation:

\S+\s*       put your selector regex in place of this 
{(.*?)}      lazy match everything to a } 
(?![^*]*\*/) check that the next * after the } is not the start of a */

This will not match styles that are completely commented out. e.g /* div { ... } */ but it's unclear what you would want to happen in this case anyway.

Keep using whatever you're using to match the selectors instead of \S+\s* (which I just used for examples sake).

edited Nov 28, 2013 at 14:28

answered Nov 28, 2013 at 13:50

OGHaza

4,7957 gold badges26 silver badges30 bronze badges

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

2 Comments

Jordan Over a year ago

You are probably not too far... I preg_split keeping separator, so I removed "(" & ")" \S+\s*{.*?}(?![^*]**/) Now, my probleme is "/* fake selector {} */"

OGHaza Over a year ago

Hey Jordan, I assume that /* fake selector {} */ isn't within another style. You're right that this breaks the regex. tntu is correct, trying to accomplish this in regex has proven futile - I've tried all sorts. Comments outside of the regex containing { in this case (or } in other cases) break every variation I could think of :(

transilvlad · Accepted Answer · 2013-11-27 16:49:30Z

0

Regular expression will always fail because you have the } inside the comment.

It would only work if you ran a regular expression that removes all comments before the one that matches the styles.

answered Nov 27, 2013 at 16:49

transilvlad

14.6k13 gold badges48 silver badges81 bronze badges

5 Comments

mario Over a year ago

One can construct a regex that understands comments between declarations. It's just unreasonable effort.

transilvlad Over a year ago

Actually NO you cannot. Because regular expressions, though a great tool, are still limited in certain aspects. What if he decided to comment an entire style, or who knows. Regular expressions are not good for this kind of things. He would better use a parser. Google: php css parser.

mario Over a year ago

A recursive regex with named subroutines can. But yes, a readymade parser is significantly less effort.

transilvlad Over a year ago

As far as I know PHP cannot do that. Perl can though. But this is a PHP question.

OGHaza Over a year ago

@tntu, semi-confident I may have found a solution.

Jordan · Accepted Answer · 2013-12-06 23:11:16Z

I finally did it by another way. First, I start by quoting the undesired symbols with these regex

string = string
.replace(/(')([^']*)(')/ig, function(found){

    return found.replace(/([\[\]\s\,\#\.\:\>\~])/ig, "\/\/$1\\\\");

})
.replace(/(\")([^\"]*)(\")/ig, function(found){

    return found.replace(/([\[\]\s\,\#\.\:\>\~])/ig, "\/\/$1\\\\");

});

Then, I split the string with another regexp:

string = string.split(/(?!\/\/)([\s\>\,])(?!\\\\)|(?=(?!\/\/)[\#\.\[\:](?!\\\\))/ig);

And, to finish, if( string[x].match(/^[a-z]+$/ig) ){..}; it is a tagName

If you see something bad, I'm listening to you.

Edit :

Oups ! I forgot my answer was about php, sorry. But I apply the same method for php, except lookBefore simplify and reduce the regexp to only one, then split...

J

Collectives™ on Stack Overflow

php get css with regexp

3 Answers 3

2 Comments

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related