pseudo-class :last-of-type ของ CSS

การระบุและการใช้งาน

CSS :last-of-type pseudo-class ใช้เพื่อตรวจสอบองค์ประกอบใดๆ ที่เป็นสุดท้ายขององค์ประกอบเดียวกันในองค์ประกอบพ่อของเขา。

คำแนะนำ:นี่คือ :nth-last-of-type(1) เหมือนกัน

ตัวอย่าง

กำหนดสีพื้นหลังสำหรับตัวอักษร <p> สุดท้ายและ <li> สุดท้ายขององค์ประกอบพ่อของเขา:

p:last-of-type {
  background-color: yellow;
}
li:last-of-type {
  background-color: yellow;
}

ลองด้วยตัวเอง

CSS ภาษา

:last-of-type {
  รายการฉบับ css;
}

รายละเอียดเทคนิค

เวอร์ชัน: CSS3

การสนับสนุนของเวอร์ชันเบราเซอร์

ตัวเลขในตารางนี้กำหนดอุปกรณ์ที่สนับสนุนประเภท pseudo-class ที่ใช้งานได้ทั้งหมดในการแสดงความเป็นต้นตอแรกของเวอร์ชันเบราเซอร์。

ชรอม เอดจ์ ไฟร็อกซ์ เซฟาลี โอเปร่า
4.0 9.0 3.5 3.2 9.6

หน้าที่เกี่ยวข้อง

อ้างอิง:CSS :last-child ประโยค