SASS හි @extend හි !optional ලේබලය
සිලෙක්ටරයක් දිගු කිරීමේදී,
@extend නියෝගය නිවැරදිව ක්රියාත්මක
නොවූ විට දෝෂයක් අල්ලා ගත හැකිය. උදාහරණයක් වශයෙන්,
ඔබට පහත කේතය තිබේ නම්:
a.info {
@extend .main;
}
කිසිදු සිලෙක්ටරයක් .main
අඩංගු නොකරන්නේ නම්, සංකලනය කිරීමේදී
දෝෂයක් ඇති වේ. එවැනි අවස්ථාවකදී අපට
සිලෙක්ටර අනුක්රම ඒකාබද්ධ කිරීමට
අවශ්ය වන අතර, ඒ සඳහා අපි @extend
නියෝගය භාවිතා කරමු.
ඊට අමතරව, .main අඩංගු සිලෙක්ටරය
h1.main වැනි වුවහොත් දෝෂයක් ඇති වේ,
මෙය a සහ h1 අතර ගැටුම
මගින් පැහැදිලි කෙරේ.
එබැවින්, අවශ්ය වූ විට, ඔබට
@extend නියෝගයට සිලෙක්ටරයෙන් පසු
ලියා ඇති විකල්ප නොවන ලේබලය
!optional භාවිතා කර නව සිලෙක්ටර
නිර්මාණය නොකිරීමට ඉඩ දිය හැකිය. උදාහරණයක් වශයෙන්:
a.info {
@extend .main !optional;
}
