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