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

Vasil Ginin
Vasil Ginin
6,968 Points
Posted by Vasil Ginin
Vasil Ginin
6,968 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
Jennifer Nordell
.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
6,968 Points
Vasil Ginin
Vasil Ginin
6,968 Points

Thank you so much, Jennifer!!

Tim Strand
Tim Strand
22,458 Points
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