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

Posted by Olivia Urry
Olivia Urry
4,169 Points

failing to find a solution so here is my last attempt at this task before needing help!!

help! should make a class for the font size and give it value of 26px or should i delete the span and name it title?

style.css 
/* Complete the challenge by writing CSS below */
{
  font-size: 26px;
}
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 class= font-size;> 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>

2 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there, Olivia Urry! You are not meant to alter the HTML in any way. It is there for your reference. It wants you to select the span element inside the header element. Your font-size rule is fine, but you're missing the selector.

Let me give a similar example. To make the color of all <h1> tags that are inside a <div> blue, I could do this:

div h1 {
    color: blue;
}

I think you can get the answer with this hint, but let me know if you're still stuck! :sparkles:

Olivia Urry
Olivia Urry
4,169 Points

i still cannot figure it out. im trying to read the question as plainly as possible. ive feel as if ive tried every descendant there is.

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Olivia Urry Ok then, sorry my hint didn't work. Let's try an answer with an explanation:

header span {  /* selects the span inside the header */
  font-size: 26px;   /* sets the font-size to 26px */
}

The first word header is the element we're selecting. The second word span is any <span> element that resides inside the <header> element. This is the original HTML in question:

<header>
      <span>Journey through the Sierra Nevada Mountains</span>
      <h1>Lake Tahoe, California</h1>
</header>

This means, that the text between the <span></span> tags will now have a font-size of 26px, but everything else will remain unchanged.

Olivia Urry
Olivia Urry
4,169 Points
Olivia Urry
Olivia Urry
4,169 Points

thank you very much!