SASS में सेलेक्टर्स का जोड़
कभी-कभी हमें आवश्यकता होती है कि नेस्टेड कंस्ट्रक्शन के कंपाइलेशन के दौरान वे स्पेस के माध्यम से नहीं, बल्कि सीधे जुड़े हों। इसके लिए नेस्टेड सेलेक्टर के नाम से पहले एम्परसेंड लगाना आवश्यक है:
div {
&.block {
width: 300px;
}
}
परिणामस्वरूप, कंपाइलेशन के बाद हमें निम्नलिखित कोड प्राप्त होगा:
div.block {
width: 300px;
}
बताएं कि निम्नलिखित कोड के कंपाइलेशन का परिणाम क्या होगा:
#block {
&.xxx {
width: 300px;
}
}
बताएं कि निम्नलिखित कोड के कंपाइलेशन का परिणाम क्या होगा:
#block {
.xxx {
width: 300px;
}
}
बताएं कि निम्नलिखित कोड के कंपाइलेशन का परिणाम क्या होगा:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
बताएं कि निम्नलिखित कोड के कंपाइलेशन का परिणाम क्या होगा:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
बताएं कि निम्नलिखित कोड के कंपाइलेशन का परिणाम क्या होगा:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
