css !important

p {
    color: red !important;
}
The !important rule overrides other css settings.

This should only be used as a workaround to override some css settings. For example, you are using some third lib like map or charts, and it does not provide css options for a specific item. You may use !important to override the css setting from the third party lib.

Here is another scenario to use !important rule.

 https://css-tricks.com/when-using-important-is-the-right-choice/