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

cssbộ 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):

html<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>

cssli:last-child {
  color: red;
}

Результат: