Regular expression to only extract CSS class names before {display:none}

Question

I can't find a correct regular expression to extract classes names. It is my code:

preg_match_all('@\.(.*!\.){display:none}@', '.UlEa{display:none}.RNLW{display:inline}.jc0k{display:none}.Lyhf{display:inline}', $matches);

The $matches is empty. How should look correct regular expression?

Thx, it works. When I didn't used ! function returns me 1 result: UlEa{display:none}.RNLW{display:inline}.jc0k{display:none}.Lyhf — Ruben Lech
– Ruben Lech, Commented Sep 28, 2016 at 8:11

Wiktor Stribiżew · Accepted Answer · 2016-09-28 08:12:38Z

2

Note that your regex matches a literal ., then captures a sequence of any 0+ chars other than linebreak symbols as many as possible up to the last !. sequence and then matches {display:none}. Since your text does not contain ! nor the next . you have no match.

One way to get your matches is to use \w+ (=one or more word characters, those in the [a-zA-Z0-9_] set) pattern inside Group 1:

\.(\w+){display:none}

See the regex demo

PHP demo:

preg_match_all('@\.(\w+){display:none}@', '.UlEa{display:none}.RNLW{display:inline}.jc0k{display:none}.Lyhf{display:inline}', $matches);
print_r($matches[1]); // => Array ( [0] => UlEa [1] => jc0k  )

answered Sep 28, 2016 at 8:12

Wiktor Stribiżew

631k41 gold badges502 silver badges632 bronze badges

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

9 Comments

revo Over a year ago

However it's not OP's requirement, may you add a version to capture all class names / ids before a CSS body? +1

Wiktor Stribiżew Over a year ago

@revo: Once you provide test cases for that, sure. Also, try '@\.([^{.]+){display:none}@'.

revo Over a year ago

Here you are. To capture all ids / class names before a CSS block declaration.

Wiktor Stribiżew Over a year ago

@revo: There is only one CSS block that has {display:none} and it matches correctly. That means it is already a different question that you may ask as a separate one. Also, you have not mentioned what exact values you need to extract from that string.

revo Over a year ago

Whatever CSS block contains is not important. Just all ids and class names before each single block. Like id-name as an id, class-name and jc0k as class-names for the first block and id-name-two as an id for the second one. I saw the title of this question very relevant so I thought it could be great if you expand the scope of the answer to cover most possible cases (for future reference) that not only extracts class-names but also ids.

|

Collectives™ on Stack Overflow

Regular expression to only extract CSS class names before {display:none}

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related