stylelint
Version:
A mighty, modern CSS linter.
96 lines (68 loc) • 1.27 kB
Markdown
# selector-no-qualifying-type
Disallow qualifying a selector by type.
```css
a.foo {}
/** ↑
* This type selector is qualifying the class */
```
A type selector is "qualifying" when it is compounded with (chained to) another selector (e.g. a.foo, a#foo). This rule does not regulate type selectors that are combined with other selectors via a combinator (e.g. a > .foo, a #foo).
## Options
### `true`
The following patterns are considered warnings:
```css
a.foo {
margin: 0
}
```
```css
a#foo {
margin: 0
}
```
```css
input[type='button'] {
margin: 0
}
```
The following patterns are *not* considered warnings:
```css
.foo {
margin: 0
}
```
```css
#foo {
margin: 0
}
```
```css
input {
margin: 0
}
```
## Optional secondary options
### `ignore: ["attribute", "class", "id"]`
#### `"attribute"`
Allow attribute selectors qualified by type.
The following patterns are *not* considered warnings:
```css
input[type='button'] {
margin: 0
}
```
#### `"class"`
Allow class selectors qualified by type.
The following patterns are *not* considered warnings:
```css
a.foo {
margin: 0
}
```
#### `"id"`
Allow id selectors qualified by type.
The following patterns are *not* considered warnings:
```css
a#foo {
margin: 0
}
```