Skip to main content

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

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 problems:

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

The following patterns are not considered problems:

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