CSS Sass Basics Improve Your Workflow with Sass Write Nested Selectors

Nevil Fernandes
Nevil Fernandes
1,917 Points

&-warning { color: red; } Whis is this not working?

Is there something wrong with this syntax?

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

1 Answer

Steven Parker
Steven Parker
204,006 Points

In task 3 you were asked to create a rule for ".icn-success", but that rule doesn't seem to be there now (don't forget the instruction "Important: In each task of this code challenge, the code you write should be added to the code from the previous task.").

Also, the ".banner" rule seems to be missing a closing brace.