Can Inline !important Declarations Be Overridden?

Within Cascading Style Sheets (CSS), the !important declaration is a powerful tool that overrides styles inherited or defined elsewhere. But what happens when an inline !important declaration is applied? Can it be overridden?

Inline !important Declarations

HTML elements can have inline styles applied directly to them, using the style attribute. Inline styles take precedence over rules defined in style sheets. Normally, a rule with a higher specificity will override one with a lower specificity. However, when !important is used in an inline style, it forces the browser to apply that style, regardless of its specificity.

Overrides for Inline !important

In the example given, an inline style sets display: none !important on a

div#my-div {
  display: block !important;
}