Sass Nesting for：悬停不起作用

Question

我写过这段代码，但它不起作用。我的问题是什么？

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

Answer 1

筑巢时选择串联在一起，你需要使用父选择器（&）：

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

Answer 2

，当你去通过生成的CSS您可以轻松地调试这样的事情。在这种情况下，转换后的伪选择器必须附加到类上。事实并非如此。使用“&”。

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#referencing_parent_selectors_

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