คลาสเทียม 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;
}
: