CSS: !Important

The !important rule in CSS is used to increase the priority of a specific property’s value over others, making it more important than normal. When you apply !important to a declaration, it overrides all other declarations for that property on that element, regardless of specificity. Here’s the basic syntax:

CSS

selector {
  property: value !important;
}

For example, if you have:

CSS

#myid {
  background-color: blue;
}
.myclass {
  background-color: gray;
}
p {
  background-color: red !important;
}