noUselessEscapeInString (CSS)

Summary

Rule available since: v2.0.0
Diagnostic Category: lint/suspicious/noUselessEscapeInString
This rule is recommended, meaning it is enabled by default.
This rule has a safe fix.
The default severity of this rule is warning.

How to configure

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

Description

Disallow unnecessary escapes in string literals.

Escaping non-special characters in string literals doesn’t have any effect. Hence, they may confuse a reader.

Examples

Invalid

1
a::after {
2
  content: "\z"
3
}

code-block.css:2:14 lint/suspicious/noUselessEscapeInString  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ The character doesn't need to be escaped.
  
    1 │ a::after {
  > 2 │   content: "\z"
      │              ^
    3 │ }
    4 │ 
  
  ℹ Only quotes that enclose the string and special characters need to be escaped.
  
  ℹ Safe fix: Unescape the character.
  
    2 │ ··content:·"\z"
      │             -

1
a::after {
2
  content: "\'"
3
}

code-block.css:2:14 lint/suspicious/noUselessEscapeInString  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ The character doesn't need to be escaped.
  
    1 │ a::after {
  > 2 │   content: "\'"
      │              ^
    3 │ }
    4 │ 
  
  ℹ Only quotes that enclose the string and special characters need to be escaped.
  
  ℹ Safe fix: Unescape the character.
  
    2 │ ··content:·"\'"
      │             -

Valid

1
a::after {
2
  content: "\""
3
}

1
a::after {
2
  content: "\n"
3
}

1
a::after {
2
  content: "\e7bb"
3
}

noUselessEscapeInString (CSS)

Summary

How to configure

Description

Examples

Invalid

Valid

Related links