คลาสเทียม last-of-type

คลาสเทียม last-of-type เลือก องค์ประกอบที่อยู่ตำแหน่งสุดท้ายในบรรดาองค์ประกอบลูก ประเภทเดียวกันของพ่อแม่ นั่นคือ ถ้าฉัน เขียน h2:last-of-type - จะเจอ h2 ตัวสุดท้าย ในพ่อแม่ (ต่างจาก last-child, ซึ่งจะเจอเฉพาะ h2 ที่อยู่ ตำแหน่งสุดท้ายสุดในพ่อแม่ ไม่สนใจประเภท)

ไวยากรณ์

ตัวเลือก:last-of-type {
	
}

ตัวอย่าง

หาแท็กหัวเรื่อง h2 ที่อยู่ตำแหน่งสุดท้าย ในบรรดา h2 ทั้งหมดในพ่อแม่:

<div>
	<h2>หัวเรื่อง</h2>
	<p>ย่อหน้า</p>
	
	<h2>หัวเรื่อง</h2>
	<p>ย่อหน้า</p>
	
	<h2>หัวเรื่อง</h2>
	<p>ย่อหน้า</p>
</div>

h2:last-of-type {
	color: red;
}