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) Variables, Mixins, and Extending Selectors Extending Selectors

Posted by Blake Bush
Blake Bush
5,009 Points

I know I'm not off by much... I'm new to Sass so could I get some assistance with this problem please?

Now style a new class, .message_box. Nested inside, make sure all <a> tags within this class extend the "super_link" placeholder.

index.html 
<!DOCTYPE html>
<html>
<head>
  <title>Sass Basics - Code Challenge</title>
  <link rel="stylesheet" type="text/css" href="page-style.css">
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div class="animals">
    Animals
  </div>
  <div class="dogs">
    Dogs
  </div>
  <div class="message_box">
    My favorite animals are: <a href="http://en.wikipedia.org/wiki/Dog" target="_blank">Dogs!</a>
  </div>
</body>
</html>
style.scss 
/* Write your SCSS code below. */
.animals {
background: #369;
}

.dogs {
@extend .animals;
}

%super_link {
font-weight: bold;
color: red;
}

.message_box {
.a extend %super_link;
}
Tomáš Grygerek
Tomáš Grygerek
5,694 Points
Tomáš Grygerek
Tomáš Grygerek
5,694 Points

Hi, don't you miss @ before keyword extend?

Blake Bush
Blake Bush
5,009 Points

Now style a new class, .message_box. Nested inside, make sure all <a> tags within this class extend the "super_link" placeholder. this is a little more on topic above the one above doesnt mention a tags.

3 Answers

Blake Bush
Blake Bush
5,009 Points
Blake Bush
Blake Bush
5,009 Points

Thanks Tomas i knew something was off.

Tomáš Grygerek
Tomáš Grygerek
5,694 Points
Tomáš Grygerek
Tomáš Grygerek
5,694 Points

You are welcome :-) I always fight with these little problems myself.

Blake Bush
Blake Bush
5,009 Points
Blake Bush
Blake Bush
5,009 Points

Funny I tried that Thomas and it still says bummer.

Blake Bush
Blake Bush
5,009 Points
Blake Bush
Blake Bush
5,009 Points

.message_box, .a { extend %super_link; }

I figured it out you guys thanks for the support.