SASS හි තෝරන්නන් එකට බැඳීම
සමහර විට සංකලනය කිරීමේදී කැදලි ඉදිකිරීම් හිස්තැනක් තිබීමෙන් නොව ඒකාබද්ධව බැඳීමට අවශ්‍ය වේ. මෙය සිදු කිරීම සඳහා, කැදලි තෝරන්නාගේ නමට පෙර ඇම්පර්සැන්ඩ් එකක් තැබිය යුතුය:
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;
}
}
}
