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 jytutdokdq
jytutdokdq
Courses Plus Student 13,285 Points

working but wrong?

I'm trying to complete the code challenge and turn the links in the footer purple. When I preview my work, the link has changed color, but I still get the "Bummer!" message. I'm not sure what I've done wrong. Any help or pointers in the right direction would be greatly appreciated.

Here's my code:

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

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

3 Answers

Jeff Busch
Jeff Busch
19,287 Points
Jeff Busch
Jeff Busch
19,287 Points

Hi Jocelyn,

You forgot div in front of .footer. And you don't need one big nest.

Jeff

p {
    a {
    color:red;
        div.footer & {
            color: purple
        }
    }
}
p {
    > a {
    color: blue;
        &:hover {
        opacity:0.5;
       }
    }
}
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

AH thats it knew it was something with the "&" and ".footer".

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Not sure what the question is asking but you syntax looks incorrect to me try this

    p {
       a {
         color: red;
        &.footer {      // MAY HAVE A SPACE AFTER "&" NOT SURE WHAT THE QUESTION REQUIRES
        color: purple;
     } 
     }
     > a { color:blue; 
        &:hover { opacity: 0.5; }
       }
    }

Hope this helps

jytutdokdq
PLUS
jytutdokdq
Courses Plus Student 13,285 Points
jytutdokdq
jytutdokdq
Courses Plus Student 13,285 Points

Thank you both for your help! Got it now.