mirror of
https://github.com/thangisme/notes.git
synced 2024-06-12 05:50:41 +00:00
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 {}
|
||
}
|
||
```
|