Sha256: de0a9a8cf2dfd8ec4fe06f8cdd224ac3c9db32baaa6ae2f745446283bd8a10ab
Contents?: true
Size: 1.14 KB
Versions: 24
Compression:
Stored size: 1.14 KB
Contents
# selector-max-pseudo-class
Limit the number of pseudo-classes in a selector.
<!-- prettier-ignore -->
```css
.foo .bar:first-child:hover {}
/* ↑ ↑
↑ ↑
1 2 -- this selector contains two pseudo-classes */
```
This rule resolves nested selectors before counting the number of pseudo-classes in a selector. Each selector in a [selector list](https://www.w3.org/TR/selectors4/#selector-list) is evaluated separately.
The content of the `:not()` pseudo-class is also evaluated separately. The rule processes the argument as if it were an independent selector, and the result does not count toward the total for the entire selector.
## Options
`int`: Maximum pseudo-classes allowed.
For example, with `1`:
The following patterns are considered violations:
<!-- prettier-ignore -->
```css
a:first-child:focus {}
```
<!-- prettier-ignore -->
```css
.foo .bar:first-child:hover {}
```
The following patterns are _not_ considered violations:
<!-- prettier-ignore -->
```css
a {}
```
<!-- prettier-ignore -->
```css
a:first-child {}
```
<!-- prettier-ignore -->
```css
.foo .bar:first-child {}
```
Version data entries
24 entries across 24 versions & 1 rubygems