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

Vasil Ginin
Vasil Ginin
3,724 Points

Help please!

Hi guys im stuck on question 4 please help me

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>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;  
  }
span {
  font-weight: bold;
  font-style: italic;
}
.title {
  font-weight: bold;
  font-style: italic;
}

2 Answers

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

Hi there, Vasil Ginin! You're doing terrific! Right now you are targeting all spans in the HTML, and as you can see there are 2 span elements here. There's one inside the header, and then there's another one inside the paragraph with the class "intro". The challenge is asking you to only target the one inside the class "intro".

Here's an example. Let's say I have a div with the class "main-div", and I only want to target paragraphs that are inside items with that class. I could do something like this:

.main-div  p {
    color: blue;
}

This selector will take all paragraphs that exist inside another element that has the class "main-div". I believe you can extrapolate from this how to target spans inside any given class.

Hope this helps, but let me know if you're still stuck! :sparkles:

Vasil Ginin
Vasil Ginin
3,724 Points

Thank you so much, Jennifer!!

Tim Strand
Tim Strand
22,458 Points

This question needs more direction for us to be able to assist: 1) what are you stuck on, not the number of the problem but what specifically within there are you struggling with 2) what is the question 4 criteria? at this point you are asking me to go do the challenge and get to the 4th step to address it for you. Instead you should reiterate the question here and show in your code how you tried to address it. Then we can help you with syntax etc