Override Inline Styles with !important

 

You can override inline styles directly from the stylesheet by using !important;.

EXAMPLE:

The inline styles for this div should make it red

<div style="background: red;"> <h1>The inline styles for this div should make it red</h1> </div>

However the embedded style overrides this with !important

<style type="text/css">
div[style] { background: yellow !important; }
</style>