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

Posted by Yaswanth Goli
Yaswanth Goli
6,872 Points

Now, add some nested Sass that makes all a tags within p tags red.

i am writing the code like p{ a{ color:red; } } but its not working.

5 Answers

Tom Bedford
Tom Bedford
15,645 Points
Tom Bedford
Tom Bedford
15,645 Points

With most code challenges you need to keep the previous answer as well and add to it.

Something about paragraphs being blue :)

rachelweaver
rachelweaver
15,876 Points
rachelweaver
rachelweaver
15,876 Points

Here is what worked for me

 html{
   p{
       color:blue;
      }
        p a{
            color:red;
            }
       }

I hope this helps!

Alexander Perich
Alexander Perich
5,203 Points
Alexander Perich
Alexander Perich
5,203 Points

I had issues too, it was because not well usage of brackets and semicolons in my case. this worked for me:

p {
  color: blue;
  a {
    color: red;
    }
  }
Bao Tran
seal-mask
.a{fill-rule:evenodd;}techdegree
Bao Tran
Front End Web Development Techdegree Student 18,959 Points
Bao Tran
.a{fill-rule:evenodd;}techdegree
Bao Tran
Front End Web Development Techdegree Student 18,959 Points

Here is example from the lecture:

.blog .entry {
    h1 {
        font-size: 20px;
        color: blue;
    }
    p {
        font-size: 12px;
        margin: 20px;
    }
    a {
        color: red;
    }
}
Petrus Supusepa
Petrus Supusepa
6,626 Points
Petrus Supusepa
Petrus Supusepa
6,626 Points

Check this one is worked for me too.

.entry { p { color: blue; a { color: red; } } }