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 matthewcarey
matthewcarey
6,173 Points

Getting Started With Sass Challenge 4/4

Having trouble finishing the last task of this challenge.

Challenge 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.

My Code: 

p {

    a { color:red;

    .footer & {color:purple;}

  }

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

}

When I hit preview it looks like what the question is asking for, but code will not pass check. Sometimes it says "running" longer than a couple of minutes.

I have tried .footer div & {color:purple;} as well and in different spots of the code. Tried running it in different browsers both safari and chrome.

Thanks for your help.

1 Answer

Jeff Busch
Jeff Busch
19,287 Points

Hi matthewcarey,

You're close, try div.footer &

Jeff