Keurders volgens Verwantskap by SASS-invoeging
Kom ons kyk hoe om in SASS, by invoeging, verskeie keurders by te voeg wat elemente volgens verwantskap kies. Kyk na die voorbeelde.
Voorbeeld
Afstammeling-keurder:
div {
> p {
color: red;
}
}
Kompilasieresultaat:
div > p {
color: red;
}
Voorbeeld
Aangrensende keurder
div {
+ p {
color: red;
}
}
Kompilasieresultaat:
div + p {
color: red;
}
Voorbeeld
Verwante keurder:
div {
~ p {
color: red;
}
}
Kompilasieresultaat:
div ~ p {
color: red;
}
Praktiese Take
Verduidelik wat die resultaat van die kompilasie van die volgende kode sal wees:
ul {
color: red;
> li {
padding: 20px;
}
}
Verduidelik wat die resultaat van die kompilasie van die volgende kode sal wees:
div {
ul {
> li {
padding: 20px;
}
}
}
