71 lines
1003 B
Markdown
71 lines
1003 B
Markdown
|
# selector-nested-pattern
|
|||
|
|
|
|||
|
|
Specify a pattern for the selectors of rules nested within rules.
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
a {
|
|||
|
|
color: orange;
|
|||
|
|
&:hover { color: pink; }
|
|||
|
|
} ↑
|
|||
|
|
/** ↑
|
|||
|
|
* This nested selector */
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Non-standard selectors (e.g. selectors with Sass or Less interpolation) and selectors of rules nested within at-rules are ignored.
|
|||
|
|
|
|||
|
|
## 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 will be checked in its entirety. If you'd like to allow for combinators and commas, you must incorporate them into your pattern.
|
|||
|
|
|
|||
|
|
Given the string:
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
"^&:(?:hover|focus)$"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
The following patterns are considered violations:
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
a {
|
|||
|
|
.bar {}
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
a {
|
|||
|
|
.bar:hover {}
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
a {
|
|||
|
|
&:hover,
|
|||
|
|
&:focus {}
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
The following patterns are *not* considered violations:
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
a {
|
|||
|
|
&:hover {}
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
a {
|
|||
|
|
&:focus {}
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
a {
|
|||
|
|
&:hover {}
|
|||
|
|
&:focus {}
|
|||
|
|
}
|
|||
|
|
```
|