सास नेस्टिंग के लिए: होवर काम नहीं करता

Question

मैंने यह कोड लिखा है, लेकिन यह काम नहीं करता है। मेरी समस्या क्या है?

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

Answer 1

चयनकर्ताओं एक साथ श्रृंखलाबद्ध जब घोंसले के लिए, आप माता-पिता चयनकर्ता (&) का उपयोग करने की जरूरत है। इस मामले में रूपांतरण के बाद छद्म चयनकर्ता वर्ग से जुड़ा होना चाहिए। जो मामला नहीं है। "&" का प्रयोग करें।

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

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

Answer 2

आप आसानी से ऐसी बातें डिबग जब आप उत्पन्न सीएसएस के माध्यम से जाना कर सकते हैं:

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