Pseudo-class last-child

Pseudo-class last-child เลือก element, ที่เป็นลูกคนสุดท้ายของ parent

Syntax

cssselector:last-child {

}

ตัวอย่าง

ในตัวอย่างนี้ เราจะทำให้สีแดง เฉพาะ li ที่เป็นลูกคนสุดท้าย ของ parent (ลูกล่าสุดใน ol):

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssli:last-child {
  color: red;
}

Результат: