Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS Sass Basics Improve Your Workflow with Sass Extend the Properties of Selectors

@extend or &-

So would we have to add "@extend" if we have "&-callout" and "&-info" nested in ".btn"?

From what I understand, you do still want to include @extend. You can try adding it right into your nested classes in workspace to see the difference of your css before and after adding @extend, but it essentially gives the same results that we see in the video.

1 Answer

David Kanwisher
David Kanwisher
9,701 Points

Great question!

"&-" will only steal the name of the parent, it will not reuse any of the parent CSS properties Example:

https://www.sassmeister.com/gist/a225d5553b3e168f47c22c2515e14026

This is probably what you have in mind:

https://www.sassmeister.com/gist/e9c1a265070aae43fa87745c2767d868