CSS Sass Basics Improve Your Workflow with Sass Write Nested Selectors

Caroline Louw
Caroline Louw
10,949 Points

how do I use the & to nest a selector in this challenge? what is wrong with my code?

in sass basics

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

1 Answer

Hi Caroline! -

You're very close. Since you're trying to create ".icn-success" and you're using the & nested in .icn, you don't include that when naming the selector, so that portion of your code would look like this:

.icn {
  font-size: 1.25em;

  &-success {
  color: green;
  }
}

Happy coding!