ใช้ CSS :first-of-type selector เพื่อจัดรูปแบบทุก
องค์ประกอบที่เป็น
องค์ประกอบแรกขององค์ประกอบหลักด้วย CSS
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน :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> 