@extend-এ !optional চিহ্নটি SASS-এ

একটি সিলেক্টর প্রসারিত করার সময় একটি ত্রুটি হতে পারে যখন @extend নির্দেশটি সঠিকভাবে কাজ করে না। উদাহরণস্বরূপ, আপনার যদি নিম্নলিখিত কোডটি থাকে:

style.scssa.info {
  @extend .main;
}

যদি কোনো সিলেক্টরেই .main না থাকে, তাহলে কম্পাইল করার সময় একটি ত্রুটি ঘটবে। এমন ক্ষেত্রে আমাদের সংযুক্ত করতে হবে সিলেক্টর ক্রমগুলি, যার জন্য আমরা @extend নির্দেশটি ব্যবহার করি।

তা ছাড়া, একটি ত্রুটি হবে যদি সিলেক্টরটি যাতে .main আছে তা এইরকম হয়: h1.main, যা a এবং h1-এর মধ্যে দ্বন্দ্ব দ্বারা ব্যাখ্যা করা হয়।

সুতরাং, প্রয়োজনে, আপনি পারেন @extend নির্দেশটিকে অনুমতি দিতে ঐচ্ছিকতা চিহ্ন !optional ব্যবহার করে নতুন সিলেক্টর তৈরি না করতে, যেটি সিলেক্টরের পরে লেখা হয়। উদাহরণস্বরূপ:

style.scssa.info {
  @extend .main !optional;
}