CSS id...help please :o

HTML-CSS
1

I think it looks right…but I cant progress… so i’m wrong… Any help please? I still don’t really get the instructions sometimes…

  **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>

Challenge: Override Class Declarations by Styling ID Attributes

Link to the challenge:

2

Hi @red_leaf !

The problem is here.

That is not how to write an id. Ids start with the # symbol not period.

3

Hello @red_leaf !
The issue I’m seeing is that you have HTML code AND CSS in here. Codepen provides a separate section for HTML and CSS to help keep things clean.
Also, when you move your CSS to the CSS tab, you don’t need the <“style”> tag.

Solution:
I would move your CSS to the CSS tab, remove the <“style”> tag, keep your HTML code in the HTML tab. You may have to reset your code to do this if you have changed the code too much.

Cheers, Krygore

4

Also the ( . ) like @jwilkins.oboe pointed out. I overlooked that apparently.

5

this is a fcc challenge, the freeCodeCamp editor does not ahve multiple tabs

6

My bad, I’ve been using too many resources apparently… getting confused xD

7

I second this response.
The . notation is for a class
The # notation is for an id

8

oh i see. it worked! thanks!
@XveganXedgeX @jwilkins.oboe @ilenia @ilenia @Krygore

9

Yes,
To style using, an id use #
To style using, a class use .

See this:

10

change the following part

.orange-text {  color: orange;}

to

#orange-text { color: orange; }
11
body { background-color: black; font-family: monospace; color: green; } #orange-text { color: orange; } .pink-text { color: pink!important } .blue-text { color: blue; } <h1 style:"color-white" id="orange-text"class="pink-text <p>blue-text"</p> <blockquote></blockquote> <p>Hello World!</h1></p> <p>it is saying your h1 element should have the inline style of color:white.<br> Can anyone help please?</p>