Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Basics (2014) Understanding Values and Units Styling the Intro Paragraph

Robbie Singh
Robbie Singh
3,675 Points

Why am I getting the message "Bummer! Make sure you're selecting the span element nested inside 'intro'."?

Ive targeted the element in the html file using

<span class = "par1"></span>

Then in CSS, I've made the adjustments to font-weight and font-style.

Am I missing something?

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 id="top" class="main-header">
      <span class="title">Journey Through the Sierra Nevada Mountains</span>
      <h1>Lake Tahoe, California</h1>
    </header>
    <div class="primary-content t-border">
      <p class = "intro">
        Lake Tahoe is one of the most <span class="par1">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="#more">Find out more</a>
    </div>
    <footer class="main-footer">
      <p>All rights reserved to the state of <a href="#">California</a>.</p>
      <a href="#top">Back to top &raquo;</a>
    </footer>
  </body>
</html>
style.css
/* Complete the challenge by writing CSS below */
.intro {
  font-size: 1.25em;
  line-height: 1.6;
}

.par1 {
  font-weight: bold;
  font-style: italic;
}

8 Answers

I went and tried the exercise myself your selectors are the issue

.intro {
  font-size: 1.25em;
  line-height: 1.6;
}

.intro span {
font-weight: bold;
 font-style: italic;
}
Robbie Singh
Robbie Singh
3,675 Points

That worked! Thanks for trying the exercise.

Robbie Singh
Robbie Singh
3,675 Points

Hmmm well it didn't let me nest it within the .intro. I also tried

.intro, par1 {

}

Few things

  1. In my experience they're very specific (so when they say span they want span)
  2. Your sample response that you listed has two errors a. don't need comma for hierarchy stuff b. you aren't referring to the par1 class.

However, my guess is they want you to refer to the class then the span.

I want all the p tags inside the containers with the class "turtle"

.turtle p {
style stuff
}

Your code is not targeting the span element within the intro class you are targeting the intro class itself, what you need to do is

.intro span {
  font-size: 1.25em;
  line-height: 1.6;
}

this will target the span located within the class intro.

Robbie Singh
Robbie Singh
3,675 Points

I tried: .

intro span { font-size: 1.25em; line-height: 1.6em; font-weight: bold; font-style: italic; }

and it still gives me the following message: Bummer! Make sure you're selecting the intro class, and setting an em font-size value equal to 20px.

no problem it was a good refresher for me as well thanks.

Olga Kireeva
Olga Kireeva
9,609 Points

Make sure you are not missing . (point) before intro.

I suppose I'd get 'best answer' more often if I just told people the answer - then again - what's the point of learning then?

Probably because Treehouse exercises are pretty literal - and only have one answer so they probably want you to write the css so it indicates the span nested in the .intro - not just id'ing the span on its own.