Regex for css data attribute selectors

Question

Trying to post-process some CSS here and need a regex to select data-attribute selectors in CSS.

It will need to select the following selectors (just the selector but in it's entirety):

[data-attr] {
 // some css
}

.cool-class[data-another-attr] {
 // some css
}

#id[data-one-more-attr] {
 //  some css
}

So that would select [data-attr], .cool-class[data-another-attr] and #id[data-one-more-attr].

/(\[data-*)\w/g

Thanks in advance for your help, RegEx always stumps me.

Do you need only the name of `data` attribute or all the style properties in it — Tushar, Jul 21 '15 at 15:04
Might be a bit too loose, but this will get you started I guess: `/([.+]?\[data\-(.+)\])/g`: http://regexr.com/3be7m — Bjorn, Jul 21 '15 at 15:05

Tushar · Accepted Answer · 2015-07-21T15:11:02.860

3

You can use following regex

((#|\.)?[\w-]+)?(\[data(-\w+)+\])/g

Explanation:

edited Jul 21 '15 at 15:11

answered Jul 21 '15 at 15:09

Tushar

1 Answers1