Giả lớp last-child
Giả lớp last-child chọn phần tử
là phần tử con cuối cùng của phần tử cha.
Cú pháp
bộ chọn:last-child {
}
Ví dụ
Trong ví dụ này, chúng ta sẽ làm cho màu đỏ
phần tử li là phần tử con cuối cùng
của phần tử cha của nó (cuối cùng bên trong ul):
<ul>
<li>mục danh sách</li>
<li>mục danh sách</li>
<li>mục danh sách</li>
<li>mục danh sách</li>
<li>mục danh sách</li>
</ul>
li:last-child {
color: red;
}
:
