Izbirniki sorodstva pri gnezdenju LESS
Oglejmo si, kako v LESS pri gnezdenju dodajati različne izbirnike, ki izbirajo elemente po sorodstvu. Poglejte primere.
Primer
Izbirnik otrok:
div {
> p {
color: red;
}
}
Rezultat prevajanja:
div > p {
}
Primer
Sosednji izbirnik
div {
+ p {
color: red;
}
}
Rezultat prevajanja:
div + p {
}
Primer
Sorodstveni izbirnik:
div {
~ p {
color: red;
}
}
Rezultat prevajanja:
div ~ p {
}
Praktične naloge
Povejte, kakšen bo rezultat prevajanja naslednje kode:
ul {
color: red;
> li {
padding: 20px;
}
}
Povejte, kakšen bo rezultat prevajanja naslednje kode:
div {
ul {
> li {
padding: 20px;
}
}
}
