Ենթակա ընտրիչը CSS-ում
Ենթակա ընտրիչը > թույլ է տալիս ընտրել
տարրեր՝ ըստ միմյանց մեջ անմիջական ներդրման:
Շարահյուսություն
ընտրիչ1 > ընտրիչ2 {
}
Օրինակ
Եկեք դիմենք բոլոր b պիտակներին,
որոնք անմիջականորեն գտնվում են p
պիտակների ներսում և ներկենք դրանք կարմիր գույնով.
<p>
տեքստ <b>+</b>
</p>
<p>
տեքստ <i><b>-</b></i>
</p>
p > b {
color: red;
}
:
Օրինակ
Եկեք դիմենք բոլոր b պիտակներին,
որոնք անմիջականորեն գտնվում են .block
դասի տարրերի ներսում և ներկենք դրանք կարմիր գույնով.
<p class="block">
տեքստ <b>+</b>
</p>
<p class="block">
տեքստ <i><b>-</b></i>
</p>
<p>
տեքստ <b>-</b>
</p>
.block > b {
color: red;
}
:
Օրինակ
Եկեք դիմենք .elem դասի բոլոր տարրերին,
որոնք անմիջականորեն գտնվում են .block
դասի տարրերի ներսում և ներկենք դրանք կարմիր գույնով.
<p class="block">
տեքստ <span class="elem">+</span>
</p>
<p class="block">
տեքստ <i><span class="elem">-</span></i>
</p>
<p class="block">
տեքստ <span>-</span>
</p>
<p>
տեքստ <span class="elem">-</span>
</p>
.block > .elem {
color: red;
}
:
Տես նաև
-
Համատեքստային ընտրիչ,
որը թույլ է տալիս ընտրել տարր ըստ նրա ծնողի -
Հարևան ընտրիչ,
որը թույլ է տալիս ընտրել տարր ըստ նրա հարևանի -
Հարազատ ընտրիչ,
որը թույլ է տալիս ընտրել տարրերը տրվածից հետո -
Ունիվերսալ ընտրիչ,
որը թույլ է տալիս ընտրել բոլոր տարրերը
