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
Ildar Alishev
Courses Plus Student 5,326 PointsStucked honestly in SaSS
Hello everyone here is my task and i'm honestly don't understand what to do.
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;
.footer & { /* here what i have added but id doesn't work */
color: blue;
}
}
} p { > a { color: blue; &:hover { opacity: 0.5; }
}
}
4 Answers
bobkingstone
27,869 PointsHi
This has caught a couple of people out: Here And Here
Looking at your sass you where on the right tracks and this would work, but the question is ambiguous, it states "in the div with a class of .footer so to get the code to pass you need:
p {
a {
color: red;
div.footer & {
color: purple;
}
}
> a {
color: blue;
&:hover {
opacity: 0.5;
}
}
}
Hope this helps Bob
James Barnett
39,199 PointsYou want a <div> with a class of .footer not any element with a class of .footer
Ildar Alishev
Courses Plus Student 5,326 PointsThank you! I got it!
Zelda Z
784 PointsI was stuck here too. Thank you!