Selektorët e afërsisë në vendosjen e SASS-it
Le të shqyrtojmë se si në SASS, kur vendosim elementët, të shtojmë selektorë të ndryshëm, që zgjedhin elementë sipas afërsisë. Shikoni shembujt.
Shembull
Selektor i bijës:
div {
> p {
color: red;
}
}
Rezultati i kompilimit:
div > p {
color: red;
}
Shembull
Selektor fqinj:
div {
+ p {
color: red;
}
}
Rezultati i kompilimit:
div + p {
color: red;
}
Shembull
Selektor i afërm:
div {
~ p {
color: red;
}
}
Rezultati i kompilimit:
div ~ p {
color: red;
}
Detyra praktike
Shpjegoni, cili do të jetë rezultati i kompilimit të kodit në vijim:
ul {
color: red;
> li {
padding: 20px;
}
}
Shpjegoni, cili do të jetë rezultati i kompilimit të kodit në vijim:
div {
ul {
> li {
padding: 20px;
}
}
}
