Sass Nesting per: hover non funziona

Question

Ho scritto questo codice, ma non funziona. Qual è il mio problema?

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

Answer 1

Per concatenare i selettori insieme quando la nidificazione, è necessario utilizzare il selettore genitore (&):

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

Answer 2

Si può facilmente eseguire il debug di queste cose quando si passa attraverso il CSS generato. In questo caso lo pseudo-selettore dopo la conversione deve essere allegato alla classe. Che non è il caso Utilizzare "&".

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

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