noIrregularWhitespace (CSS)

Summary

Rule available since: v1.9.0
Diagnostic Category: lint/suspicious/noIrregularWhitespace
This rule is recommended, meaning it is enabled by default.
This rule doesn’t have a fix.
The default severity of this rule is warning.
Sources:
- Same as no-irregular-whitespace

How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "suspicious": {
5
        "noIrregularWhitespace": "error"
6
      }
7
    }
8
  }
9
}

Description

Disallow whitespace characters that CSS does not treat as normal spaces.

Some Unicode and control characters look like spaces but can change how a selector is parsed. The invalid example contains a vertical tab between the class selectors, so it does not behave like a normal descendant separator.

Examples

Invalid

1
.firstClass.secondClass {
2
  color: red;
3
}

code-block.css:1:12 lint/suspicious/noIrregularWhitespace ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ Irregular whitespace found.
  
  > 1 │ .firstClass␋.secondClass {
      │            ^
    2 │   color: red;
    3 │ }
  
  ℹ Replace the irregular whitespace with normal whitespaces.

Valid

1
.firstClass .secondClass {
2
  color: red;
3
}