CSS Sass Basics Improve Your Workflow with Sass Write Nested Selectors

I am stuck on this question, please help.

I did the &-success { color: green } but it did not work. Please help. Thank you.

style.scss
.banner {
  padding: 1em;
  background-color: lightgrey;
.button {
  font-size: 1.5em;
}
.icn {
  font-size: 1.25em;
}
&-success {
  color: green;
}
}

1 Answer

Ryan Groom
Ryan Groom
17,667 Points

serenahendrickson Hey Serena, very close. Your issue is that you did not nest the &-success inside of the .icn selector. Your final result should look like this:

.banner {
  padding: 1em;
  background-color: lightgrey;

  .button {
    font-size: 1.5em;
  }
}

.icn {
  font-size: 1.25em;
  &-success {
    color: green;
  }
}

It worked, thank you Ryan!