Regex For css SelectorText

Question

I'm trying to write a regex to extract nodes ids and classes from css selectorText.

For example:

.linear *, .test-in *, .test-out *, .test *, .test-in-out.casanova#casanova * > #test22

I need a regex to extract only the classes and ids:

linear , test-in , test-out , test , test-in-out , casanova , casanova , test22

so I need a regex to match any string that starts with ./# and ends with space/./# the first occurrence for any of them.

I manage to create this:

(?:^|[\.]).*?([^\s]+(?!\.))

but as you can see it doesn't work properly.

Gökhan Mete ERTÜRK · Accepted Answer · 2018-07-09 07:01:26Z

1

(?:\.|\#)([_a-zA-Z0-9-\:]*)(?:\b|<|>|\+|~|\[)

This regex will also capture some invalid css selectors such as -_--__abc. But in your case I believe this will solve your problem.

answered Jul 9, 2018 at 7:01

5,5662 gold badges25 silver badges28 bronze badges

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

1 Answer 1