क्या SASS में किसी निश्चित तत्व प्रकार के माता-पिता को स्टाइल करना संभव है?

Question

मैं ऐसा करना चाहते हैं:

.classname { 
    color: red 

    a& { 
    color: blue; 
    } 
} 

और इसे करने के लिए संकलन करने के लिए:

.classname { 
    color: red; 
} 

a.classname { 
    color: blue; 
} 

वहाँ वाक्य रचना उपलब्ध इस समर्थन करने के लिए है? मैंने a&, #{a&} और कंपास फ़ंक्शन #{append-selector("a", "&")} का उपयोग करने का प्रयास किया है, लेकिन a & संकलित नहीं करते हैं, लेकिन a .classname में a.classname के बजाय परिणाम स्पष्ट रूप से नहीं होते हैं।

Answer 1

एसएएसएस के लिए नेस्टेड वाक्यविन्यास के साथ यह वास्तव में संभव नहीं है। SASS reference से:

आंतरिक नियम केवल बाहरी नियम के चयनकर्ता के भीतर ही लागू होता है।

नेस्टेड नियम वाक्य रचनात्मक चीनी हैं जो सीएसएस के descendent selectors को लिखना आसान बनाता है, क्योंकि वे सबसे आम सीएसएस संरचनाओं में से एक हैं। हालांकि, इस तरह के नियम लिखने के लिए अपने दृष्टिकोण का उपयोग करना अच्छा होता है, सिंटैक्स को (या परिभाषित) करने के लिए यह नहीं किया जाता है।

Answer 2

मैंने विभिन्न विकल्पों के माध्यम से सोचने की कोशिश की जो आपको ऐसा करने देंगी, लेकिन मैं केवल "क्यों" के साथ वापस आ सकता हूं? उपयोग का मामला क्या है, और आपको ऐसा कुछ और करने की ज़रूरत क्यों है जो आपको वही परिणाम प्राप्त करे जो आप करना चाहते हैं।

Answer 3

मुझे टैग के लिए समाधान नहीं मिला, लेकिन इस विशिष्ट मामले में आप &[href] का उपयोग कर सकते हैं। यह धीमी है, लेकिन यह वास्तव में और अधिक सटीक है (कुछ <a> टैग लिंक नहीं हो सकता है।)

उम्मीद है कि जल्द ही हम &:any-link (What's the :any-link pseudo-class for?) का उपयोग करने में सक्षम हो जाएगा, लेकिन यह अभी तक