freeCodeCamp/guide/english/certifications/responsive-web-design/basic-css/override-class-declarations-with-inline-styles/index.md

title

title
Override Class Declarations with Inline Styles

Override Class Declarations with Inline Styles

We need to use an inline style to try to make our h1 element white.

Example

Inline styles look like this:

<h1 style="color: green;">

Solution

In this line:

<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1>

In opening tag <h1> we need to add inline style to make our h1 element white:

<h1 style="color: white;" id="orange-text" class="pink-text blue-text">Hello World!</h1>

Tip:

An inline style loses many of the advantages of a style sheet (by mixing content with presentation). Use this method sparingly.