• 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;
}