सास त्रुटि: चयनकर्ता समूह को

Question

बढ़ाया नहीं जा सकता है जब मुझे अपनी एससीएसएस फ़ाइल को सीएसएस में संकलित करने का प्रयास करते समय त्रुटि हो रही है। त्रुटि पढ़ती है: इस लाइन @extend .btn, .btn-link; के संदर्भ में "चयनकर्ता समूह को विस्तारित नहीं किया जा सकता"।

नोट: मैं अपनी मुख्य स्कैस फ़ाइल में उपयोग करने के लिए बूटस्ट्रैप आयात कर रहा हूं।

पूर्ण टुकड़ा:

button { 
    @extend .btn, .btn-link; 
    background-color: $lf-green; 
    color: #fff; 
    font-size: 10px; 
    padding: 2px 5px; 
    text-transform: uppercase; 

    &:hover { 
     background: rgba(5,97,43,0.9); 
     color: #fff; 
     text-decoration: none; 
    } 
} 

क्या मैं गलत कर रहा हूँ?

धन्यवाद!

अद्यतन:

भावी पीढ़ी के लिए: कारण मैं इस था नहीं कर सका क्योंकि मैं नोड सास, जो पारंपरिक के माध्यम से उपलब्ध सास के वर्तमान संस्करण के साथ जाल नहीं है के माध्यम से lib-सास उपयोग कर रहा था मतलब https://github.com/andrew/node-sass#reporting-sass-compilation-and-syntax-issues।

Answer 1

मुझे विश्वास है कि आप इस तरह से कई चयनकर्ताओं का विस्तार नहीं कर सकते हैं।

इस प्रयोग करके देखें:

@extend .btn; 
@extend .btn-link; 

कि हालांकि एक छोटे से दोहराए लगता है, लेकिन मेरे कोड में ठीक काम करता है।

संपादित करें: SASS_REFERENCE के माध्यम से पढ़ते समय, मैंने पाया कि:

Multiple extends can also be written using a comma-separated list of selectors. For example, @extend .error, .attention is the same as @extend .error; @extend.attention.

मैं इसे in the changelog कि इस प्रारूप पहले संस्करण 3.1.15 में पेश किया गया था पाया था, इसलिए मैं तुम्हें सास के एक पुराने संस्करण का उपयोग कर रहे लगता है उससे।

मैं आपको नवीनतम संस्करण में अपग्रेड करने के लिए दृढ़ता से प्रोत्साहित करता हूं, क्योंकि इसमें बहुत सारी सुविधाएं हैं, बस सुनिश्चित करें कि आपके कोड अपडेट द्वारा नहीं टूटे हैं, हालांकि अधिकांश विसंगतियों को आसानी से बाहर किया जा सकता है।

Answer 2

आप एक से अधिक चयनकर्ता का विस्तार नहीं कर सकते हैं।