LESS හි තෝරන්නන් එකට ගැටීම
සමහර විට, කැදලි ඉදිකිරීම් සම්පාදනය කිරීමේදී, ඒවා හිස්තැන් මගින් නොව, එකට ගැටී ගැටී සම්බන්ධ වීමට අවශ්ය වේ. මෙය සඳහා, කැදලි තෝරන්නාගේ නාමය ඉදිරියෙන් ඇම්පර්සන්ඩ් යෙදිය යුතුය:
div {
&.block {
width: 300px;
}
}
එහි ප්රතිඵලයක් ලෙස සම්පාදනයෙන් පසු, අපට පහත කේතය ලැබේ:
div.block {
width: 300px;
}
පහත කේතයේ සම්පාදන ප්රතිඵලය කුමක් වේදැයි පැහැදිලි කරන්න:
#block {
&.xxx {
width: 300px;
}
}
පහත කේතයේ සම්පාදන ප්රතිඵලය කුමක් වේදැයි පැහැදිලි කරන්න:
#block {
.xxx {
width: 300px;
}
}
පහත කේතයේ සම්පාදන ප්රතිඵලය කුමක් වේදැයි පැහැදිලි කරන්න:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
පහත කේතයේ සම්පාදන ප්රතිඵලය කුමක් වේදැයි පැහැදිලි කරන්න:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
පහත කේතයේ සම්පාදන ප්රතිඵලය කුමක් වේදැයි පැහැදිලි කරන්න:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
