Replace inline styles with CSS

We often think of built-in styles as a way to replace the styles we assemble. In some cases this is the case, and it is very useful. But there are some circumstances in which you need to do otherwise.

We can replace inline styles directly from the stylesheet. See this example:

HTML

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