Skip to main content

selector-attribute-quotes

Require or disallow quotes for attribute values.

[target="_blank"] {}
/** ↑ ↑
* These quotes */

The fix option can automatically fix most of the problems reported by this rule.

Options

string: "always"|"never"

"always"

Attribute values must always be quoted.

The following patterns are considered problems:

[title=flower] {}
[class^=top] {}

The following patterns are not considered problems:

[title] {}
[target="_blank"] {}
[class|="top"] {}
[title~='text'] {}
[data-attribute='component'] {}

"never"

Attribute values must never be quoted.

The following patterns are considered problems:

[target="_blank"] {}
[class|="top"] {}
[title~='text'] {}
[data-attribute='component'] {}

The following patterns are not considered problems:

[title] {}
[title=flower] {}
[class^=top] {}