el-beeswarm
Version:
<div style="display: flex; padding: 1rem; flex-direction: column; align-items: center; justify-content: center; height: 100vh; text-align: center; display: flex;
101 lines (74 loc) • 1.34 kB
Markdown
# selector-attribute-quotes
Require or disallow quotes for attribute values.
<!-- prettier-ignore -->
```css
[target="_blank"] {}
/** ↑ ↑
* These quotes */
```
## Options
`string`: `"always"|"never"`
### `"always"`
Attribute values _must always_ be quoted.
The following patterns are considered violations:
<!-- prettier-ignore -->
```css
[title=flower] {}
```
<!-- prettier-ignore -->
```css
[class^=top] {}
```
The following patterns are _not_ considered violations:
<!-- prettier-ignore -->
```css
[title] {}
```
<!-- prettier-ignore -->
```css
[target="_blank"] {}
```
<!-- prettier-ignore -->
```css
[class|="top"] {}
```
<!-- prettier-ignore -->
```css
[title~='text'] {}
```
<!-- prettier-ignore -->
```css
[data-attribute='component'] {}
```
### `"never"`
Attribute values _must never_ be quoted.
The following patterns are considered violations:
<!-- prettier-ignore -->
```css
[target="_blank"] {}
```
<!-- prettier-ignore -->
```css
[class|="top"] {}
```
<!-- prettier-ignore -->
```css
[title~='text'] {}
```
<!-- prettier-ignore -->
```css
[data-attribute='component'] {}
```
The following patterns are _not_ considered violations:
<!-- prettier-ignore -->
```css
[title] {}
```
<!-- prettier-ignore -->
```css
[title=flower] {}
```
<!-- prettier-ignore -->
```css
[class^=top] {}
```