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 Herkko Hietanen
Herkko Hietanen
30,501 Points

Sass advanced nesting problem

I am having problems with the Getting Started with Sass task 4:

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.

Putting the code to Code pen (http://codepen.io/anon/pen/Egpry) produces the purple link, but the task wont go through. ” Bummer! Please use the ampersand selector following the selector for the .footer div.”

What am I missing? Below is the code I am trying to use. 

/* Write your SCSS code below. */

p{
    a{
        color:red;
           .footer & {
           color:purple;
               }
         }

    >a{
      color: blue;
        &:hover{
        opacity:0.5;
      }
  }

}

3 Answers

Tom Bedford
Tom Bedford
15,645 Points

"divs" with a class of footer, not "anything" with a class of footer

Herkko Hietanen
Herkko Hietanen
30,501 Points
Herkko Hietanen
Herkko Hietanen
30,501 Points

I was missing the div part in
´´´ div.footer ´´´

Andy Liguori
Andy Liguori
2,541 Points
Andy Liguori
Andy Liguori
2,541 Points

Yeah, it's a little unclear since .footer would technically select the stuff in the footer, and there's nothing else with that class on the page. (If there was some kind of list in the footer or something besides the one div, I think that'd help...)