Sha256: a7c70faa4c9bdf9f0c4069d9bdb05b3a4e500545fabb9a01b2afe245c46d71ce
Contents?: true
Size: 1.15 KB
Versions: 23
Compression:
Stored size: 1.15 KB
Contents
# selector-nested-pattern
Specify a pattern for the selectors of rules nested within rules.
<!-- prettier-ignore -->
```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:
<!-- prettier-ignore -->
```css
a {
.bar {}
}
```
<!-- prettier-ignore -->
```css
a {
.bar:hover {}
}
```
<!-- prettier-ignore -->
```css
a {
&:hover,
&:focus {}
}
```
The following patterns are _not_ considered violations:
<!-- prettier-ignore -->
```css
a {
&:hover {}
}
```
<!-- prettier-ignore -->
```css
a {
&:focus {}
}
```
<!-- prettier-ignore -->
```css
a {
&:hover {}
&:focus {}
}
```
Version data entries
23 entries across 23 versions & 1 rubygems