Keurders volgens verwantskap by LESS-inlegging
Laat ons kyk hoe om in LESS, by inlegging, verskillende keurders by te voeg wat elemente volgens verwantskap kies. Kyk na die voorbeelde.
Voorbeeld
Kind-keurder:
div {
> p {
color: red;
}
}
Resultaat van kompilering:
div > p {
}
Voorbeeld
Aangrensende keurder
div {
+ p {
color: red;
}
}
Resultaat van kompilering:
div + p {
}
Voorbeeld
Verwante keurder:
div {
~ p {
color: red;
}
}
Resultaat van kompilering:
div ~ p {
}
Praktiese take
Verduidelik wat die resultaat van die kompilering van die volgende kode sal wees:
ul {
color: red;
> li {
padding: 20px;
}
}
Verduidelik wat die resultaat van die kompilering van die volgende kode sal wees:
div {
ul {
> li {
padding: 20px;
}
}
}
