SASS හි @extend හි !optional ලේබලය

සිලෙක්ටරයක් දිගු කිරීමේදී, @extend නියෝගය නිවැරදිව ක්‍රියාත්මක නොවූ විට දෝෂයක් අල්ලා ගත හැකිය. උදාහරණයක් වශයෙන්, ඔබට පහත කේතය තිබේ නම්:

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

කිසිදු සිලෙක්ටරයක් .main අඩංගු නොකරන්නේ නම්, සංකලනය කිරීමේදී දෝෂයක් ඇති වේ. එවැනි අවස්ථාවකදී අපට සිලෙක්ටර අනුක්‍රම ඒකාබද්ධ කිරීමට අවශ්‍ය වන අතර, ඒ සඳහා අපි @extend නියෝගය භාවිතා කරමු.

ඊට අමතරව, .main අඩංගු සිලෙක්ටරය h1.main වැනි වුවහොත් දෝෂයක් ඇති වේ, මෙය a සහ h1 අතර ගැටුම මගින් පැහැදිලි කෙරේ.

එබැවින්, අවශ්‍ය වූ විට, ඔබට @extend නියෝගයට සිලෙක්ටරයෙන් පසු ලියා ඇති විකල්ප නොවන ලේබලය !optional භාවිතා කර නව සිලෙක්ටර නිර්මාණය නොකිරීමට ඉඩ දිය හැකිය. උදාහරණයක් වශයෙන්:

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