@extend-এ !optional চিহ্নটি SASS-এ
একটি সিলেক্টর প্রসারিত করার সময় একটি ত্রুটি হতে পারে
যখন @extend নির্দেশটি
সঠিকভাবে কাজ করে না। উদাহরণস্বরূপ,
আপনার যদি নিম্নলিখিত কোডটি থাকে:
a.info {
@extend .main;
}
যদি কোনো সিলেক্টরেই .main না থাকে,
তাহলে কম্পাইল করার সময় একটি ত্রুটি ঘটবে।
এমন ক্ষেত্রে আমাদের সংযুক্ত করতে হবে
সিলেক্টর ক্রমগুলি,
যার জন্য আমরা @extend নির্দেশটি ব্যবহার করি।
তা ছাড়া, একটি ত্রুটি হবে যদি সিলেক্টরটি
যাতে .main আছে তা এইরকম হয়:
h1.main, যা a এবং h1-এর মধ্যে দ্বন্দ্ব দ্বারা
ব্যাখ্যা করা হয়।
সুতরাং, প্রয়োজনে, আপনি পারেন
@extend নির্দেশটিকে অনুমতি দিতে
ঐচ্ছিকতা চিহ্ন !optional ব্যবহার করে নতুন সিলেক্টর তৈরি না করতে,
যেটি সিলেক্টরের পরে লেখা হয়। উদাহরণস্বরূপ:
a.info {
@extend .main !optional;
}
