- The
!important
keyword is used to override all styles no matter their specificity or position in the stylesheet.
Syntax
element { font-size: 1.2rem !important; font-weight: 500 !important; }
- The
!important
keyword is the easiest way to ruin the cascade of a stylesheet and make maintaining a stylesheet impossible.
Example
h2 { color: green; } h2 { color: blue !important; }