Skip to main content

declaration-no-important

Disallow !important within declarations.

a { color: pink !important; }
/**             ↑
 * This !important */

If you always want !important in your declarations, e.g. if you're writing user styles, you can safely add them using postcss-safe-important.

Options​

true​

{
  "declaration-no-important": true
}

The following patterns are considered problems:

a { color: pink !important; }
a { color: pink ! important; }
a { color: pink!important; }

The following patterns are not considered problems:

a { color: pink; }