Pseudo-class last-child
Pseudo-class last-child เลือก element,
ที่เป็นลูกคนสุดท้ายของ parent
Syntax
selector:last-child {
}
ตัวอย่าง
ในตัวอย่างนี้ เราจะทำให้สีแดง
เฉพาะ li ที่เป็นลูกคนสุดท้าย
ของ parent (ลูกล่าสุดใน ol):
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:last-child {
color: red;
}
:
