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 Descendant Selectors

Sophia Serafino
Sophia Serafino
1,149 Points
Posted by Sophia Serafino
Sophia Serafino
1,149 Points

What am I doing wrong in this challenge?

The question says : target the paragraph that is a descendant of the footer element. Add a color property and set the value to slategrey.

here is my code. I don't think I'm doing anything wrong, but it won't allow me to pass the challenge.

.footer p { color: slategrey; }

style.css 
/* Complete the challenge by writing CSS below */
.header span {
  font-size: 26px;
}

.main-content p {
  font-weight: bold;
}

.footer p {
  color: slategrey;
}
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 <span>breathtaking attractions</span> 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 class="main-content">
      <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>
    <footer>
      <p>All rights reserved to the state of <a href="#">California</a>.</p>
    </footer>
  </body>
</html>

4 Answers

Karalyn Heath
Karalyn Heath
18,033 Points
Karalyn Heath
Karalyn Heath
18,033 Points

Remove the "." from in front of the footer selector in your css. The footer is not a class.

Brenda Krafft
Brenda Krafft
18,036 Points
Brenda Krafft
Brenda Krafft
18,036 Points

Yes, it looks good to me too.

Check that the question is spelling "grey" the same way you are. Then I'd try retyping the whole thing to see if maybe there is a space somewhere it's not supposed to be.

Charles Loges IV
Charles Loges IV
8,022 Points
Charles Loges IV
Charles Loges IV
8,022 Points

Sophia,

I don't think you are doing anything wrong either you code looks code, I even went to the challenge and tried it myself, I get the same error message as you.

Sophia Serafino
Sophia Serafino
1,149 Points
Sophia Serafino
Sophia Serafino
1,149 Points

Karalyn was correct, I tried it again without the "." and it worked. Thank you all for your answers!