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