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
Kieran Lake
7,450 PointsSass Advance Nesting Challenge
Hello, I would appreciate any help. I am on the fourth question of the code challenge and I'm stuck on this question:
We want to add an exception for <a> tags that are are in the <div> with a class of .footer: those links should be purple. Use the post-selector ampersand to achieve this.
Here is my code:
/* Write your SCSS code below. */
p {
a {
color: red;
}
}
p {
& > a {
color: blue;
&:hover {
opacity: 0.5;
}
}
}
5 Answers
Eric Martz
16,007 PointsYou just have to add the div.footer class with the post-selector ampersand:
p {
a {
color: red;
}
}
p {
& > a {
color: blue;
&:hover {
opacity: 0.5;
}
div.footer & {
color: purple;
}
}
}
Hope this helps.
Eric Martz
16,007 PointsIt seems like a small point, but the question specifically states "...a tags that are are in the div with a class of .footer." It is looking for "div.footer". I hope this helps, I recall that question tripped me up.
Kieran Lake
7,450 PointsEric Martz, I'm still struggling even with your advice.
How should my markup look?
Kieran Lake
7,450 PointsEric Martz, I'm still struggling even with your advice.
How should my markup look?
Kieran Lake
7,450 PointsThanks Eric - I managed to get through it yesterday evening.. at long last. Appreciate your help anyway!