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;
}
}
}
