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

Posted by Marina Sharipova
Marina Sharipova
2,585 Points

Can't manage with this task, tried different ways

How to add <span> into INTRO?

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

6 Answers

Milan Pankhania
Milan Pankhania
3,734 Points
Milan Pankhania
Milan Pankhania
3,734 Points

Building on what Adam has said above, this is what you need to do. Currently your CSS is selecting like this:

.intro > span

Change this to:

.intro span

Remove the > and it will work. The challenge has a bug.

Marina Sharipova
Marina Sharipova
2,585 Points

It helped! Thank you so much!!!

Adam N
Adam N
70,280 Points
Adam N
Adam N
70,280 Points

Seems like the challenge doesn't like the use of the child combinator ( > ). Try selecting the span element using a different tactic.

Let me know if this helps here

Marina Sharipova
Marina Sharipova
2,585 Points

Thanks, but it didn't help ((

Adam N
Adam N
70,280 Points

How did you change the code ?

Marina Sharipova
Marina Sharipova
2,585 Points
Marina Sharipova
Marina Sharipova
2,585 Points

I used ( , ) and ( : ) insted of ( > ), but it does not work

Adam N
Adam N
70,280 Points
Adam N
Adam N
70,280 Points

Try using this doc to help you

https://www.w3schools.com/css/css_combinators.asp

Let me know if this helps here

Marina Sharipova
Marina Sharipova
2,585 Points
Marina Sharipova
Marina Sharipova
2,585 Points

Does not work. It says " Make sure you are selecting the SPAN element nested inside intro". but when I put it inside it doesn't work either.

Adam N
Adam N
70,280 Points

That error just means it still doesn't like your css. What does your css rule look like now?

Marina Sharipova
Marina Sharipova
2,585 Points
Marina Sharipova
Marina Sharipova
2,585 Points

The same. I will leave this task for later. Appreciate your help!