mirror of https://github.com/thangisme/notes.git
71 lines
999 B
Markdown
71 lines
999 B
Markdown
|
# selector-nested-pattern
|
|||
|
|
|||
|
Specify a pattern for the selectors of rules nested within rules.
|
|||
|
|
|||
|
```css
|
|||
|
a {
|
|||
|
color: orange;
|
|||
|
&:hover { color: pink; }
|
|||
|
} ↑
|
|||
|
/** ↑
|
|||
|
* These nested selectors */
|
|||
|
```
|
|||
|
|
|||
|
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 — `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 warnings:
|
|||
|
|
|||
|
```css
|
|||
|
a {
|
|||
|
.bar {}
|
|||
|
}
|
|||
|
```
|
|||
|
|
|||
|
```css
|
|||
|
a {
|
|||
|
.bar:hover {}
|
|||
|
}
|
|||
|
```
|
|||
|
|
|||
|
```css
|
|||
|
a {
|
|||
|
&:hover,
|
|||
|
&:focus {}
|
|||
|
}
|
|||
|
```
|
|||
|
|
|||
|
The following patterns are *not* considered warnings:
|
|||
|
|
|||
|
```css
|
|||
|
a {
|
|||
|
&:hover {}
|
|||
|
}
|
|||
|
```
|
|||
|
|
|||
|
```css
|
|||
|
a {
|
|||
|
&:focus {}
|
|||
|
}
|
|||
|
```
|
|||
|
|
|||
|
```css
|
|||
|
a {
|
|||
|
&:hover {}
|
|||
|
&:focus {}
|
|||
|
}
|
|||
|
```
|