Селектары па сваяцтве пры ўкладцы LESS
Давайце разгледзім, як у LESS пры ўкладцы дадаваць розныя селектары, якія выбіраюць элементы па сваяцтве. Глядзіце прыклады.
Прыклад
Дочкавы селектар:
div {
> p {
color: red;
}
}
Вынік кампіляцыі:
div > p {
}
Прыклад
Суседні селектар
div {
+ p {
color: red;
}
}
Вынік кампіляцыі:
div + p {
}
Прыклад
Сваяцкі селектар:
div {
~ p {
color: red;
}
}
Вынік кампіляцыі:
div ~ p {
}
Практычныя задачы
Раскажыце, якім будзе вынік кампіляцыі наступнага кода:
ul {
color: red;
> li {
padding: 20px;
}
}
Раскажыце, якім будзе вынік кампіляцыі наступнага кода:
div {
ul {
> li {
padding: 20px;
}
}
}
