ตัวเลือกลูกหลานใน CSS ใช้เพื่อจับคู่องค์ประกอบทั้งหมดที่เป็นลูกหลานขององค์ประกอบที่ระบุ
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ CSS Descendent Selector:
<!DOCTYPE html>
<html>
<head>
<style>
div p {
background-color: orange;
}
</style>
</head>
<body>
<div>
<p>Para 1 in the div</p>
<p>Para 2 in the div</p>
</div>
<p>Para 3 outside the div.</p>
</body>
</html> ผลลัพธ์
