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 Sass Basics (retired) Getting Started with Sass Advanced Nesting

Posted by Rajasekhar Reddy Nalla
Rajasekhar Reddy Nalla
7,894 Points

I am not understanding this

I am not understanding this

Jeff Lemay
Jeff Lemay
14,268 Points
Jeff Lemay
Jeff Lemay
14,268 Points

FYI, it's hard to help when you don't share any information in your post.

5 Answers

Steven Parker
Steven Parker
229,783 Points
Steven Parker
Steven Parker
229,783 Points

The challenge asks: "Use a nested selector to say all <a> tags within <p> tags are red."

Nesting is simply enclosing one selector inside another. So in this case it would be:

p { a { color: red; }}

Which, when compiled into plain CSS, becomes:

p a {
  color: red;
}
Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

Well, clearly he don't understand this :D So he provided enough information to some level.

Just re-watch the video :)

Sergey Podgornyy
Sergey Podgornyy
20,660 Points
Sergey Podgornyy
Sergey Podgornyy
20,660 Points

I also don't understand your question =)

Rajasekhar Reddy Nalla
Rajasekhar Reddy Nalla
7,894 Points
Rajasekhar Reddy Nalla
Rajasekhar Reddy Nalla
7,894 Points

Not getting the solution for 4th challenge: We want to add an exception for <a> tags that are in the <div> with a class of .footer: those links should be purple. Use the post-selector ampersand to achieve this.

and my code snippet for the remaining 3 are:

1st challenge. */ p { a { color: red; } } / 2nd challenge. */ p {

a { color: blue; /* 3rd challenge. */ &:hover{ opacity: 0.5; } } }

for the 4th challenge im not able to complete the challenge?. Note: seems treehouse not adding the code once we click on 'Get Help' button.

Rajasekhar Reddy Nalla
Rajasekhar Reddy Nalla
7,894 Points
Rajasekhar Reddy Nalla
Rajasekhar Reddy Nalla
7,894 Points

I got the solution for the 4th challenge:

div.footer & { color: purple;}

Thanks all.