Override Class Declarations with Inline Styles/ Help Me

Override Class Declarations with Inline Styles/ Help Me
0.0 0

#1

Hi. Code Problem, possible Bug.

<h1 id="orange-text" class="pink-text blue-text"

style ="color: white">Hello World!

Code does not work.
Can’t move forward to the next Lesson.


#2

Can you explain? Add a link to the challenge please.


#3

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a 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.


#4

the challenge link…

seems to work ok on codepen… mebbe it’s just a typo for you?
try resetting the code?

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