#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 — 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'] {}