Skip to main content

selector-id-pattern

Specify a pattern for ID selectors.

.foo, #bar.baz a, #hoo[disabled] { color: pink; }
/** โ†‘ โ†‘
* These ID selectors */

Options#

regex|string

A string will be translated into a RegExp like so new RegExp(yourString) โ€”ย so be sure to escape properly.

The selector value after # will be checked. No need to include # in your pattern.

Given the string:

"foo-[a-z]+"

The following patterns are considered violations:

#foop {}
#foo-BAR {}
div > .zing + #foo-BAR {}

The following patterns are not considered violations:

#foo-bar {}
div > .zing + #foo-bar {}
.foop {}
[foo='bar'] {}