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) Understanding Values and Units Styling the Intro Paragraph

Robbie Singh
Robbie Singh
3,675 Points
Posted by 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

Charles Loges IV
Charles Loges IV
8,022 Points

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
Robbie Singh
Robbie Singh
3,675 Points

That worked! Thanks for trying the exercise.

Robbie Singh
Robbie Singh
3,675 Points
Robbie Singh
Robbie Singh
3,675 Points

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

.intro, par1 {

}

John Magee
John Magee
Courses Plus Student 9,058 Points

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
}
Charles Loges IV
Charles Loges IV
8,022 Points
Charles Loges IV
Charles Loges IV
8,022 Points

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
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.

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

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

Olga Kireeva
Olga Kireeva
9,609 Points
Olga Kireeva
Olga Kireeva
9,609 Points

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

John Magee
PLUS
John Magee
Courses Plus Student 9,058 Points
John Magee
John Magee
Courses Plus Student 9,058 Points

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?

John Magee
PLUS
John Magee
Courses Plus Student 9,058 Points
John Magee
John Magee
Courses Plus Student 9,058 Points

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.