Sass Nesting for :hover does not work [duplicate]

I've written this code, but it does not work. What is my problem?

.class { margin:20px; :hover { color:yellow; } }

2 Answers

For concatenating selectors together when nesting, you need to use the parent selector (&):

.class { margin:20px; &:hover { color:yellow; }
}

You can easily debug such things when you go through the generated CSS. In this case the pseudo-selector after conversion has to be attached to the class. Which is not the case. Use "&".

.class { margin:20px; &:hover { color:yellow; }
}