Why is this an issue?

CSS annotations modify how declarations are interpreted. When an annotation is unknown, the declaration becomes invalid and browsers discard it. This often happens because of a typo, which can silently prevent the intended style from being applied.

Use an annotation defined by the CSS specifications, or remove the unknown annotation if it is not needed.

This rule ignores !default and !global in Sass code (scss and sass), as these are valid Sass-specific value annotations.

Code examples

Noncompliant code example

a {
  color: green !imprtant;
}

Compliant solution

a {
  color: green !important;
}

In Sass, !default and !global are valid annotations and are ignored by this rule:

// !default and !global are Sass-specific annotations and are not flagged
$base-color: #036 !default;
$width: 100% !global;

Resources

Documentation