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 Improve Your Workflow with Sass Write Nested Selectors

Alexandra Velez
seal-mask
.a{fill-rule:evenodd;}techdegree
Alexandra Velez
Front End Web Development Techdegree Student 9,313 Points

The correct color is specified, why isn't it accepting it?

The spelling is correct.

Why isn't it accepting the color green in this code challenge?

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

  .icn {
  font-size: 1.25em;
  }

  &-success {
  color:green;
  }

}

4 Answers

Steven Parker
Steven Parker
231,172 Points

The color is fine, but the rule should be nested inside the rule for ".icn".

And the instructions for task 2 said that the ".icn" rule should go "Below the .banner rule (at the root level)", so it should not be nested.

Steven Parker
Steven Parker
231,172 Points

Please show the complete code after making the changes so we can take another look.

Steven Parker
Steven Parker
231,172 Points

That screenshot shows the exact same code as included above, with neither issue fixed.