Regular expression: extract css class out of string with multiple classes

Question

I've got a string that I have to match and extract a css class name out of it. The string:

.c.-my-text-overlay-second

the class I have to match has to contain text-overlay inside or at the end of the class name. So in this case, what I want to extract is .-my-text-overlay-second.

I have tried multiple things, but I either get the .c:

(.*\..*?text-overlay.*)

or I get only text-overlay:

.*(\..*?media-overlay-active)

What should be the correct expression?

Maybe you are tying to do it this way \.[\w-]*text-overlay[\w-]* — revo
– revo, Commented Jun 23, 2017 at 14:22
@revo this is correct. Great regex work! The link is useful, I will be able to understand how the hell it works :) — Krystian
– Krystian, Commented Jun 23, 2017 at 14:26

revo · Accepted Answer · 2017-06-23 14:35:38Z

1

You shouldn't use a greedy dot .* in your Regular Expression since it will match everything from beginning to the point the next pattern (if exists) matches. That's the reason of matching whole input string while text-overlay exists in it.

Your regex should begin with a dot and the rest should correspond to class naming rules:

\.[\w-]*text-overlay[\w-]*

answered Jun 23, 2017 at 14:35

revo

49k15 gold badges84 silver badges123 bronze badges

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

Collectives™ on Stack Overflow

Regular expression: extract css class out of string with multiple classes

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related