LESSin sisäkkäisyyden sukulaisvalitsimet
Tarkastellaan, kuinka LESSissä sisäkkäisyydessä lisätään erilaisia valitsimia, jotka valitsevat elementit sukulaisuuden perusteella. Katso esimerkkejä.
Esimerkki
Lapsivalitsin:
div {
> p {
color: red;
}
}
Kääntämisen tulos:
div > p {
}
Esimerkki
Viereinen valitsin
div {
+ p {
color: red;
}
}
Kääntämisen tulos:
div + p {
}
Esimerkki
Sisarusvalitsin:
div {
~ p {
color: red;
}
}
Kääntämisen tulos:
div ~ p {
}
Käytännön tehtävät
Kerro, mikä on seuraavan koodin kääntämisen tulos:
ul {
color: red;
> li {
padding: 20px;
}
}
Kerro, mikä on seuraavan koodin kääntämisen tulos:
div {
ul {
> li {
padding: 20px;
}
}
}
