CSS Selector ลูกหลานและคลาส

สมมติว่าเรามีโค้ดต่อไปนี้:

<div class="block">
	<h2>Title</h2>
	<p>
		text
	</p>
</div>
<div class="block">
	<h2>Title</h2>
	<p>
		text
	</p>
</div>

มาเลือกหัวข้อ h2 ทั้งหมดและ ย่อหน้าที่อยู่ภายในองค์ประกอบที่มีคลาส block แล้วกำหนดสีให้แตกต่างกัน โดยใช้ Selector ลูกหลาน (ซึ่งคือ ช่องว่างระหว่าง Selector):

.block h2 {
	color: red;
}
.block p {
	color: green;
}

กำหนดโค้ดต่อไปนี้:

<p class="eee">
	text <i>italic</i>
</p>
<p class="eee">
	text <i>italic</i>
</p>
<div class="eee">
	text <i>italic</i>
</div>
<div class="eee">
	text <i>italic</i>
</div>

กำหนดสีแดงให้กับแท็ก i ทั้งหมด ที่อยู่ในองค์ประกอบที่มีคลาส eee