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

challenge 4 of 4

how to do this? says use & following selector .footer &

19 Answers

Not sure by "Got it" if you mean you got the answer or got how to post code.

Anyways, they want you to be more specific. It's a div with a class of "footer". So not just any element with a class of footer. Use div.footer &

Could you type the code here?

asked to target <a> only in .footer div. and says to use & following the selector a { color: blue; .footer & {color: purple;} }

sorry indentations did not print. not that comfortable with markdown...

```a { color: blue; .footer& { color: purple } }

exception

a { 
    color: blue;
    .footer & { color: purple; }
 }

exception

```a {

color: blue;

.footer { color: purple; }

}

im confused :D can you tell me what state you are in css ? , let me check it out too

scss. Do you see the challenge question no.4 of 4 in advanced nesting? Sorry, trying to indent my code in markdown with 3 back ticks on line before and also after code, but do not know how to make newline...will check cheat sheet again.

ooops! No, not yet i thought this is css not scss sorry my friend

Thanks anyway...do you know how to do the back ticks to have the first and last lines show in code?

Thanks anyway...do you know how to do the back ticks to have the first and last lines show in code?

yeah dude, its simple look at your keyboard, above TAB buttom =>> ```

so you should wrap your code between them

like this

<!DOCTYPE html>
<html>
<head>
  <title>Structural Pseudo-classes</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
  <title>Structural Pseudo-classes</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
</body>
</html>

Yeah I know look at my comment I figured out how to format the code with the back ticks but couldn't get them to include top and bottom lines, for some reason. (ps not a dude).

oh, accept my apologize princess ^_^ , so after backticks you shouldnt type anything, i mean hit enter for new line break, then insert your code, thse same at the end of codes!

a {
  color: blue;.
  .footer & { color: purple; }
}

btw still looking for how to do this right...

Got it.. tx

Thanks, Jason..I meant got how to post code..but after just viewing the @extend section, I noticed that I didn't use the tag div... so just now as I got your response, I figured this answer out too.