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 Use the Ampersand to Reference Parent Selectors

Posted by Gerald Susanteo
.a{fill-rule:evenodd;}techdegree
Gerald Susanteo
Front End Web Development Techdegree Student 7,117 Points

My buttons don't have the hover effect

I don't know what the mistake or problem is in my code, I did the exact same thing what guil told me to do but there's no hovering effect to the buttons.

http://w.trhou.se/r4sxlyot82 <- my workspace

1 Answer

Rabin Gharti Magar
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,928 Points

Hey Gerald,

I looked at your code inside style.scss file and I found out that you are missing $ sign before color-secondary, and I believe that's why you cannot see the hover effect.

It should look like this:

a {
  color: $color-primary;
  text-decoration: none;
  &:hover {
    color: $color-secondary;
    }
}

Hope this helps!!

Gerald Susanteo
.a{fill-rule:evenodd;}techdegree
Gerald Susanteo
Front End Web Development Techdegree Student 7,117 Points

Oops, I didn't see that, Thank you for the help rabin!