Sass .scss: Zagnieżdżanie i wiele klas?
Używam Sass (.scss) do mojego obecnego projektu.
Poniższy przykład:
HTML
<div class="container desc">
<div class="hello">
Hello World
</div>
</div>
SCSS
.container {
background:red;
color:white;
.hello {
padding-left:50px;
}
}
To działa świetnie.
Czy mogę obsługiwać wiele klas podczas używania stylów zagnieżdżonych.
W powyższym przykładzie mówię o tym:
CSS
.container.desc {
background:blue;
}
W tym przypadku wszystkodiv.container
normalnie byłobyred
alediv.container.desc
byłoby niebieskie.
Jak mogę zagnieździć to w środkucontainer
z Sass?