stylelint/lib/rules/selector-attribute-brackets-space-inside/README.md

A mighty, modern CSS linter.

# selector-attribute-brackets-space-inside

Require a single space or disallow whitespace on the inside of the brackets within attribute selectors.

<!-- prettier-ignore -->
```css
    [ target=_blank ]
/** ↑               ↑
 * The space inside these two brackets */
```

The [`fix` option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

## Options

`string`: `"always"|"never"`

### `"always"`

There _must always_ be a single space inside the brackets.

The following patterns are considered violations:

<!-- prettier-ignore -->
```css
[target] {}
```

<!-- prettier-ignore -->
```css
[ target] {}
```

<!-- prettier-ignore -->
```css
[target ] {}
```

<!-- prettier-ignore -->
```css
[target=_blank] {}
```

<!-- prettier-ignore -->
```css
[ target=_blank] {}
```

<!-- prettier-ignore -->
```css
[target=_blank ] {}
```

The following patterns are _not_ considered violations:

<!-- prettier-ignore -->
```css
[ target ] {}
```

<!-- prettier-ignore -->
```css
[ target=_blank ] {}
```

### `"never"`

There _must never_ be whitespace on the inside the brackets.

The following patterns are considered violations:

<!-- prettier-ignore -->
```css
[ target] {}
```

<!-- prettier-ignore -->
```css
[target ] {}
```

<!-- prettier-ignore -->
```css
[ target ] {}
```

<!-- prettier-ignore -->
```css
[ target=_blank] {}
```

<!-- prettier-ignore -->
```css
[target=_blank ] {}
```

<!-- prettier-ignore -->
```css
[ target=_blank ] {}
```

The following patterns are _not_ considered violations:

<!-- prettier-ignore -->
```css
[target] {}
```

<!-- prettier-ignore -->
```css
[target=_blank] {}
```