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