LESS-ի ներդիրներում ազգակցական ընտրիչներ
Եկեք դիտարկենք, թե ինչպես LESS-ում ներդիրների մեջ ավելացնել տարբեր ընտրիչներ, որոնք ընտրում են տարրերն ըստ ազգակցության: Դիտեք օրինակները:
Օրինակ
Ենթա-ընտրիչ (Child selector):
div {
> p {
color: red;
}
}
Կոմպիլյացիայի արդյունքը:
div > p {
}
Օրինակ
Հարևան ընտրիչ (Adjacent sibling selector)
div {
+ p {
color: red;
}
}
Կոմպիլյացիայի արդյունքը:
div + p {
}
Օրինակ
Ընդհանուր եղբայրական ընտրիչ (General sibling selector):
div {
~ p {
color: red;
}
}
Կոմպիլյացիայի արդյունքը:
div ~ p {
}
Գործնական առաջադրանքներ
Պատմեք, թե ինչպիսին կլինի հետևյալ կոդի կոմպիլյացիայի արդյունքը.
ul {
color: red;
> li {
padding: 20px;
}
}
Պատմեք, թե ինչպիսին կլինի հետևյալ կոդի կոմպիլյացիայի արդյունքը.
div {
ul {
> li {
padding: 20px;
}
}
}