Селектори по сродству при угњежђености 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;
}
}
}
