სელექტორების შეერთება 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;
}
}
}
