selector-id-pattern

Specify a pattern for ID selectors.

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

The message secondary option can accept the arguments of this rule.

Options

string

Specify a regex string not surrounded with "/".

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

Given:

{
  "selector-id-pattern": "foo-[a-z]+"
}

The following patterns are considered problems:

#foop {}

#foo-BAR {}

div > .zing + #foo-BAR {}

The following patterns are not considered problems:

#foo-bar {}

div > .zing + #foo-bar {}

.foop {}

[foo='bar'] {}