Regex: get css classes,ids and tags

Question

I have the pattern to get selectors of css code which are .classes, #ids and html tags. I used preg_match to sort them into an array just the name of the selector.

what happened is I get only the first selector twice, once with opened parentheses and again without.

This is the $contect:

body{ color: black; } .class_class { color: #fff; font: tahoma; } #awesome_id{ }

and this is the results:

Array
(
    [0] => body{
    [1] => body
)

this is the code:

<?php 
#Patterns
    $selectors  = "/(\.?\#?-?[_a-zA-Z]+[_a-zA-Z0-9-]*\s*)\{/";
#Sort
    preg_match($selectors, $content, $_selectors);
?>
<pre>
<?php
    print_r($_selectors);
?>
</pre>

what i want -according to the content- is for the result to be like this

Array
(
    [0] => body
    [1] => .class_class
    [2] => #awesome_id
)

Consider using a DOM parser instead.

arkascha
– arkascha

2014-04-12 12:29:54 +00:00
Commented Apr 12, 2014 at 12:29 — arkascha
– arkascha, Commented Apr 12, 2014 at 12:29

Shankar Narayana Damodaran · Accepted Answer · 2014-04-12 17:02:22Z

1

You can use this regular expression ~{(.*?)}~

<?php

$str='body{ color: black; } .class_class { color: #fff; font: tahoma; } #awesome_id{ }';
$str = preg_replace("~{(.*?)}~s","", $str);
$arr = array_filter(explode(' ',$str));
print_r($arr);

OUTPUT :

Array
(
    [0] => body
    [1] => .class_class
    [3] => #awesome_id
)

Demo

enter image description here

edited Apr 12, 2014 at 17:02

answered Apr 12, 2014 at 12:20

Shankar Narayana Damodaran

68.6k43 gold badges102 silver badges129 bronze badges

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

6 Comments

Dexa Over a year ago

this wont work if there's no space between closing bracket and next selector. If you put " " as second parameter in preg_replace it should work even in this case.

Shankar Narayana Damodaran Over a year ago

@Dexa, Currently the regex is working as per the OP's requirement , If you want to modify , feel free to edit my answer. :)

Dexa Over a year ago

Naah, I wont edit it, just thought of mentioning that small thing that could help out.

Abdullah Salma Over a year ago

If I had break line between selectors that won't work.

Shankar Narayana Damodaran Over a year ago

@AbdullahSalma, I have added the s modifier , See the code . So it will match for line breaks too. $str = preg_replace("~{(.*?)}~s","", $str);

|

Collectives™ on Stack Overflow

Regex: get css classes,ids and tags

and this is the results:

this is the code:

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

and this is the results:

this is the code:

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related