Unable to apply color to id in H1

HTML-CSS
1

Tell us what’s happening:

I’m unable to apply changes to id in H1.

I keep getting this error message “Your h1 element should be orange.”

Your code so far


<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
}
.pink-text {
  color: pink;
}
.blue-text {
  color: blue;

#orange-text {
   color: orange;
 } 
}
</style>
<h1 id="orange-text" class="pink-text blue-text">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/87.0.4280.66 Safari/537.36.

Challenge: Override Class Declarations by Styling ID Attributes

Link to the challenge:

2

look at the }, one is in the wrong place

1 Like
3

Thank you so much. I forgot to close the blue-text class before creating the ID.