SASS ligas selektori iekļautībā
Apskatīsim, kā SASS, iekļaujot elementus, pievienot dažādus selektorus, kas izvēlas elementus pēc radniecības. Skatiet piemērus.
Piemērs
Apakšējais (bērna) selektors:
div {
> p {
color: red;
}
}
Kompilācijas rezultāts:
div > p {
color: red;
}
Piemērs
Blakus esošais selektors
div {
+ p {
color: red;
}
}
Kompilācijas rezultāts:
div + p {
color: red;
}
Piemērs
Brāļu/māsu (sibling) selektors:
div {
~ p {
color: red;
}
}
Kompilācijas rezultāts:
div ~ p {
color: red;
}
Praktiskie uzdevumi
Pastāstiet, kāds būs sekojoša koda kompilācijas rezultāts:
ul {
color: red;
> li {
padding: 20px;
}
}
Pastāstiet, kāds būs sekojoša koda kompilācijas rezultāts:
div {
ul {
> li {
padding: 20px;
}
}
}
