Pemilih Konteks dalam CSS

Pemilih konteks, yang diwakili oleh ruang arahan (' '), membolehkan anda memilih tag yang disarangkan dalam induk yang ditentukan

Sintaks

pemilih1 pemilih2 {
	
}

Mari kita sasarkan semua tag p di dalam tag div dan warnakannya menjadi merah:

<div>
	<p>
		teks
	</p>
	<p>
		teks
	</p>
</div>

div p {
	color: red;
}

Mari kita sasarkan semua tag p di dalam elemen dengan #elem dan warnakannya menjadi merah:

<div id="elem">
	<p>
		teks
	</p>
	<p>
		teks
	</p>
</div>

#elem p {
	color: red;
}

Mari kita sasarkan semua tag p di dalam elemen dengan kelas .block dan warnakannya menjadi merah:

<div class="block">
	<p>
		teks
	</p>
	<p>
		teks
	</p>
</div>

.block p {
	color: red;
}

Mari kita sasarkan semua tag b di dalam tag p, yang terletak di dalam tag div dan warnakannya menjadi merah:

<div>
	<p>
		teks <b>+</b>
	</p>
</div>

div p b {
	color: red;
}

Pemilih Anak,
yang membolehkan anda memilih elemen berdasarkan sarangan terus
Pemilih Saudara Bersebelahan,
yang membolehkan anda memilih elemen berdasarkan jirannya
Pemilih Saudara Umum,
yang membolehkan anda memilih elemen selepas elemen yang ditentukan
Pemilih Sejagat,
yang membolehkan anda memilih semua elemen