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

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

ไวยากรณ์

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

ตัวอย่าง

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

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

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

Результат: