56 lines
743 B
Markdown
56 lines
743 B
Markdown
|
# selector-id-pattern
|
|||
|
|
|
|||
|
|
Specify a pattern for ID selectors.
|
|||
|
|
|
|||
|
|
```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:
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
"foo-[a-z]+"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
The following patterns are considered violations:
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
#foop {}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
#foo-BAR {}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
div > .zing + #foo-BAR {}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
The following patterns are *not* considered violations:
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
#foo-bar {}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
div > .zing + #foo-bar {}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
.foop {}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
[foo='bar'] {}
|
|||
|
|
```
|