Override Class Declarations by Styling ID Attributes. hi i can't see the problem please help

Override Class Declarations by Styling ID Attributes. hi i can't see the problem please help
0.0 0

#1

Tell us what’s happening:

Your code so far

<style>
  h1
  .orange-text{
    color: orange;
  }
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  .pink-text {
    color: pink;
  }
  .blue-text {
    color: blue;
  }
  .orange-text{
    color: orange;
  }
 
  #orange-text {
    color: orange;
  }
</style>
<h1 class="pink-text blue-text orange-text">Hello World!</h1>

Your browser information:

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

Link to the challenge:


#2

Hey there,
The issue is that the step wants ‘orange-text’ to be an ID, and not a class. So your ‘h1’ should be :

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