Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website CSS: Cascading Style Sheets Use ID Selectors

Posted by Allison O'Hanlon
Allison O'Hanlon
513 Points

Orange & CSS

I can't figure out what I'm doing wrong!!

Allison O'Hanlon
Allison O'Hanlon
513 Points

https://w.trhou.se/3bbmqae8ju

1 Answer

Luke Glazebrook
Luke Glazebrook
13,564 Points
Luke Glazebrook
Luke Glazebrook
13,564 Points

Hi Allison!

An ID selector looks something like this:

#thisID {

}

In the example above I selected all elements with the ID of "thisID" and I decided in this case not to apply any styling!

I hope that this helped you out and don't hesitate to reply if you need any more help!

-Luke

Allison O'Hanlon
Allison O'Hanlon
513 Points

I'm still confused and can't get my background color to orange!

Luke Glazebrook
Luke Glazebrook
13,564 Points

For this you will need to use some code similar to the snippet below! As you can probably tell the code will change the background to red so you will need to adapt this to work for this challenge.

body {
  background-color: red;
}
Allison O'Hanlon
Allison O'Hanlon
513 Points

I put that in my main.css and it's not doing anything

Luke Glazebrook
Luke Glazebrook
13,564 Points

If your challenge is to make the background of the whole page orange then you will need to use the following code!

body {
  background-color: orange;
}
Allison O'Hanlon
Allison O'Hanlon
513 Points

My workspace isn't registering my new css file. I think that's where my problem is coming from. It's saved under my css file.

Luke Glazebrook
Luke Glazebrook
13,564 Points

Are you sure that you have linked your main.css file to your .html file(s)?

Look for some code like what is shown below!

<link rel="stylesheet" href="main.css">