CSS Sass Basics Improve Your Workflow with Sass Write Nested Selectors

Next, use the & symbol to create the selector .icn-success. Set the color of .icn-success to green

Stomped on step 3.

style.scss
.banner {
  padding: 1em;
  background-color: lightgrey;
.button{
    font-size: 1.5em;
}

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

1 Answer

Ceil-Ian Maralit
Ceil-Ian Maralit
Front End Web Development Techdegree Graduate 19,421 Points

Hi! The "&" is already providing you the selected class above. In this case, the "&" represents the ".icn". You may want to try this: &-success{ color: green; }

I typed in exactly what you said and it still didn't work. Can you rephrase it please?