Pemilih Bersebelahan dalam CSS

Pemilih bersebelahan + membolehkan anda memilih elemen berdasarkan jirannya di atas.

Sintaks

pemilih1 + pemilih2 {
	
}

Contoh

Mari kita sasarkan semua tag p, yang terletak secara langsung selepas tag h2, dan warnakan mereka dengan warna merah:

<h2>teks</h2>
<p>
	+
</p>
<p>
	-
</p>
<p>
	-
</p>

h2 + p {
	color: red;
}

Contoh

Mari kita sasarkan semua tag p, yang terletak secara langsung selepas elemen dengan kelas .test, dan warnakan mereka dengan warna merah:

<p class="test">
	teks
</p>
<p>
	+
</p>
<p>
	-
</p>

.test + p {
	color: red;
}

Contoh

Mari kita sasarkan semua elemen dengan kelas .elem, yang terletak secara langsung selepas elemen dengan kelas .test, dan warnakan mereka dengan warna merah:

<p class="test">
	teks
</p>
<p class="elem">
	+
</p>
<p>
	-
</p>

.test + .elem {
	color: red;
}

Lihat juga

Pemilih Anak,
yang membolehkan anda memilih elemen berdasarkan ketersisipan langsung
Pemilih Konteks,
yang membolehkan anda memilih elemen berdasarkan elemen induknya
Pemilih Saudara Umum,
yang membolehkan anda memilih elemen selepas elemen yang ditentukan
Pemilih Universal,
yang membolehkan anda memilih semua elemen