หากต้องการจัดรูปแบบทุก
องค์ประกอบที่เป็น
องค์ประกอบแรกขององค์ประกอบหลักด้วย CSS ให้ใช้ตัวเลือก :first-of-type:
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน :first-of-type selector -
<!DOCTYPE html>
<html>
<head>
<style>
p:first-of-type {
background: orange;
}
</style>
</head>
<body>
<p>This is demo text1.</p>
<p>This is demo text2.</p>
</body>
</html> 