Злучэнне селектараў у 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;
}
}
}
