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 CSS Basics (2014) Basic Selectors Type Selectors

Posted by Daafram Campbell
Daafram Campbell
1,575 Points

There is a Glitch in the Final Challenge

In the final challenge, it ask you to create a div element and assign the div element a color of lightblue. I did just that and it says my answer is wrong. Now, if you look at my code you will see that I am right. This needs to be addressed for future participants.

Daafram Campbell 3/14/2015 11:25am est

style.css 
/* Complete the challenge by writing CSS below */

body {
  text-align: center;
}

p {
  color: lightslategrey;
}

header {
  background-color: orange;
  color: white;
}

#main-header {
  background-color: lightblue;
}
index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
    <header>
      <span>Journey through the Sierra Nevada Mountains</span>
      <h1>Lake Tahoe, California</h1>
    </header>
    <p>
      Lake Tahoe is one of the most breathtaking attractions located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
    </p>
    <a href="#">Find out more</a>
    <div id="main-header">
      <h2>Check out all the Wildlife</h2>
      <p>
        As spawning season approaches, the fish acquire a humpback and protuberant jaw. After spawning, they die and their carcasses provide a feast for gatherings of mink, bears, and Bald eagles.
      </p>
      <a href="#">See the Wildlife</a>
    </div>
  </body>
</html>

4 Answers

Salman Akram
PLUS
Salman Akram
Courses Plus Student 40,065 Points
Salman Akram
Salman Akram
Courses Plus Student 40,065 Points

Hi Daafram,

Look great, you are right but we don't have to create new ID called #main-header, the challenge doesn't say to add extra element except only div element. That's why it gives you error message.

Use div instead main-header

div {
  background-color: lightblue;
}
Daafram Campbell
Daafram Campbell
1,575 Points
Daafram Campbell
Daafram Campbell
1,575 Points

Question? I originally did this but I put # before div. Why wouldn't I reference the div without the #attribute?

Salman Akram
Salman Akram
Courses Plus Student 40,065 Points

Yes you are right to do anything, I know it will work in our text editor but we follow the questions what it asked us to do in order to pass challenges. However, I would inform our team support about this. :)

Daafram Campbell
Daafram Campbell
1,575 Points
Daafram Campbell
Daafram Campbell
1,575 Points

Thanks Salman!

Chris Wiley
Chris Wiley
11,327 Points
Chris Wiley
Chris Wiley
11,327 Points

Usually in the challenge if it means background color then that is stated and color is referring to text color. Did you change the terminology in your question? Otherwise you could be changing the wrong color.