SASS-da ichki joylashuvda qarindoshlik bo‘yicha selektorlar
Keling, SASS da ichki joylashuvda turli xil selektorlarni qanday qo‘shishni ko‘rib chiqaylik, ular elementlarni qarindoshlik bo‘yicha tanlaydi. Misollarni ko‘rib chiqing.
Misol
Farzand selektori:
div {
> p {
color: red;
}
}
Kompilyatsiya natijasi:
div > p {
color: red;
}
Misol
Qo‘shni selektor
div {
+ p {
color: red;
}
}
Kompilyatsiya natijasi:
div + p {
color: red;
}
Misol
Qarindosh selektor:
div {
~ p {
color: red;
}
}
Kompilyatsiya natijasi:
div ~ p {
color: red;
}
Amaliy vazifalar
Quyidagi kodni kompilyatsiya qilish natijasi qanday bo‘lishini tushuntiring:
ul {
color: red;
> li {
padding: 20px;
}
}
Quyidagi kodni kompilyatsiya qilish natijasi qanday bo‘lishini tushuntiring:
div {
ul {
> li {
padding: 20px;
}
}
}
