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

Max Weir
Max Weir
14,963 Points
Posted by Max Weir
Max Weir
14,963 Points

cant get it to wrok

Sass use of post selector ampersand, searched google and found loads of answers but they all fail the test. tried:

.entry { p { a { color: red; div.footer & { color: purple; } } > a { color: blue; &:hover { opacity: 0.5; } } } }

2 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Max,

Take a look at this https://teamtreehouse.com/forum/posting-code-to-the-forum for some tips on how to post code properly.

The challenge never asks you to nest within .entry Your div.footer rule isn't matching up because there is no .entry element within div.footer

All of your scss inside .entry looks good and will pass. All you need to do is remove your outer .entry block

Stephen Goeddel
Stephen Goeddel
11,239 Points
Stephen Goeddel
Stephen Goeddel
11,239 Points

please use the Markdown Cheatsheet to format your code so that it is understandable:

.entry { 
    p { 
        a { 
            color: red; 
            div.footer & { 
                color: purple; 
            } 
       } 
       > a { 
           color: blue; 
           &:hover { 
               opacity: 0.5; 
           } 
       } 
    } 
}
Max Weir
Max Weir
14,963 Points
Max Weir
Max Weir
14,963 Points

Thanks, Stephen.