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;
}
}
}
