Strugling with CSS

Hi, I am having trouble with this particular code. If you can help, I would really appreciate it. Thank you!

Your code so far


<style>
 body {
   background-color: black;
   font-family: monospace;
   color: green;
 } 
#orange-text {

color: orange; 
 
 }
 .pink-text {
   color: pink;
 }
 .blue-text {
   color: blue;
 }
</style>
<h1 class="pink-text blue-text">Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:76.0) Gecko/20100101 Firefox/76.0.

Challenge: Override Class Declarations by Styling ID Attributes

Link to the challenge:

Hello @mistersteelydad,

  • The challenge asks you to add an id with a value of orange-text. You can add an id on an element by doing the same thing as adding a class, just instead of class its id. ex:
<p id="your-id"> I am a paragraph </p>

Thank you! I got it to work!