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; 
    } 
}