VBC-032: css-important

warning

Category: core
Analysis: Regex (line by line)
File types: .css, .scss, .less
Scope: source code only, ignoring anything inside strings and comments
Excluded selectors: @media (prefers-reduced-motion, @media print
Tags: style css

What it reports

Global '!important' detected in CSS at line {line}. This breaks the cascade.

Flagged

.card { color: red !important; }

@media (min-width: 600px) {
  .card { color: red !important; }
}

@media screen {
  .card { margin: 0 !important; }
}

Not flagged

.card { color: red; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

@media print {
  .nav { display: none !important; }
}

Pattern

!important