Basic CSS: Override Class Declarations by Styling ID Attributes-1

Basic CSS: Override Class Declarations by Styling ID Attributes-1
0

#1

There is something wrong with my code for this challenge. Help Please.


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

#2

@Johndg20 Could you include all of the code displayed on the challenge by any chance? This will be very helpful for anyone looking to assist you!

Question: Did you apply an ID to the element listed in the instructions below the task?
tasks

Feel free to @ me if you are still stuck, always best to try and complete the task without the complete answer first!


#3

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.


#4

@Johndg20,

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

There is no end double quotes for class attribute’s value. Like this: class="pink-text blue-text"

Try this

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

Hope this works.