Pseudo-class :last-of-type trong CSS

Định nghĩa và cách sử dụng

CSS :last-of-type Pseudo-class được sử dụng để khớp với bất kỳ phần tử nào là phần tử con cuối cùng của phần tử cha, là phần tử cùng loại.

Lưu ý:Điều này tương đương với :nth-last-of-type(1) Cùng nhau.

Mô hình

Đặt màu nền cho phần tử <p> cuối cùng và phần tử <li> cuối cùng của phần tử cha:

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

Thử ngay

Ngữ pháp CSS

:last-of-type {
  các khai báo css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-class.

Trang liên quan

Tham khảo:Đặc tính ảo :last-child trong CSS