Regex for stylelint selector-class-pattern rule

Question

I'm trying to figure out the correct regex expression for the selector-class-pattern's I want to allow with stylelint

https://stylelint.io/user-guide/rules/selector-class-pattern/

I would only like to allow lowercase letters and numbers seperated by hyphons, and only allow underscores at the beginning. So basically the following

.this-is-good
.also-good2
._this-works-too

.-not-this
.or-this-
.and_not_this
.OR-This

I've almost gotten it to work but can't get it to allow underscores only at the beginning of the pattern.

"selector-class-pattern": "^[a-z0-9]+(-[a-z0-9]+)*$"

@revo, that worked thanks. Can you put it in a answer mark as asnwered — Holly, Jul 24 '17 at 08:20
Mine's a little looser, allows single word classes (without dashes etc) and can't end with punctuation. ^([_a-z]+[\\-_a-z0-9]*[^\\-_]|[a-z]+)$ — Cameron, Mar 19 '22 at 06:30

score 1 · Answer 1 · answered Aug 16 '22 at 09:24

1

Stylelint demo page with exactly the rule that works for you:

"selector-class-pattern": "selector-class-pattern": "^([_a-z][a-z0-9]*)(-[a-z0-9]+)*$",

answered Aug 16 '22 at 09:24

vsync

118,978
58
307
400

Regex for stylelint selector-class-pattern rule

1 Answers1

Stylelint demo page with exactly the rule that works for you: