Overriding all other styles

Tell us what’s happening:
Describe your issue in detail here.

I’ve followed the instructions and have every step check-marked on the bottom except “your h1 element should be pink”. I can’t figure out what I’m missing

  **Your code so far**

<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
}
#orange-text {
  color: orange;
}
.pink-text {
  color: pink; !important;
}
.blue-text {
  color: blue;
}
</style>
<h1 id="orange-text" class="pink-text !important; blue-text" style="color: white">Hello World!</h1>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36

Challenge: Override All Other Styles by using Important

Link to the challenge:

2 things:

  • there should not be a semicolon (;) before the !important
  • there should not be a !important in the class attribute of the h1 element.
1 Like