LESS හි කොමා සහිත පරාමිතීන්
අපට කොටුවක සෙවනැල්ලක් සෑදෙන ශ්රිතයක් තිබිය යුතුයි:
.shadow(@s) {
box-shadow: @s;
}
ඔබට පෙනෙන පරිදි, අපගේ ශ්රිතයට පරාමිතීන් එකක් ඇත. මෙයින් අදහස් කරන්නේ අපි මෙම පරාමිතියට අපගේ සෙවනැල්ලේ සියලුම අගයන් හිස්තැනක් මගින් යවන බවයි, මෙහෙමයි:
div {
.shadow(1px 1px red);
}
කෙසේ වෙතත්, CSS හි, කොමා මගින් ඒවා ලියා ඇති පරිදි සෙවනැලි කිහිපයක් සැකසිය හැකිය. අපගේ නඩුවේදී අවාසනාවකට මෙන්, මෙය සාර්ථක නොවේ, මන්ද කොමාව සම්පීලනය කිරීමේ යන්ත්රය විසින් ශ්රිතයේ පරාමිතීන් අතර වෙන් කිරීමේ ලකුණක් ලෙස අර්ථ දක්වනු ඇත:
div {
.shadow(1px 1px red, 1px 1px blue); // දෝෂයක් ලබා දෙනු ඇත
}
කෙසේ වෙතත්, පිටවීමක් තිබේ. අපට LESS ව කොමාවක් සහිත අපගේ නූල් එකක් ලෙස සැලකීමට බල කළ හැකිය. මෙය සිදු කිරීම සඳහා, අපගේ අගයන් ගණන් කිරීම අර්ධ විරාමයකින් අවසන් කිරීමට අවශ්ය වේ:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
පසුබිමක් එකතු කරන ශ්රිතයක් සාදන්න. මෙම ශ්රිතය භාවිතා කරමින් කොටුවකට පසුබිම් කිහිපයක් එක් කරන්න.
