Frontend & browser·Layout, CSS and the cascade
you could not work out why the rule was losing, so you added `!important` and moved on.
!important
Also calledimportant declaration, bang important
A flag that lifts a declaration into a higher cascade origin, above every normal declaration regardless of specificity. It works, which is the problem: the next person to hit the same wall has only one move left, and important declarations from user stylesheets and browser defaults follow their own reversed precedence. The one legitimate use is overriding styles from third-party code you cannot edit.