This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# selector-id-pattern
Specify a pattern for ID selectors.
<!-- prettier-ignore -->
```css
.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:
<!-- prettier-ignore -->
```css
#foop {}
```
<!-- prettier-ignore -->
```css
#foo-BAR {}
```
<!-- prettier-ignore -->
```css
div > .zing + #foo-BAR {}
```
The following patterns are _not_ considered violations:
<!-- prettier-ignore -->
```css
#foo-bar {}
```
<!-- prettier-ignore -->
```css
div > .zing + #foo-bar {}
```
<!-- prettier-ignore -->
```css
.foop {}
```
<!-- prettier-ignore -->
```css
[foo='bar'] {}
```
