Pseudo-class last-of-type

Pseudo-class last-of-type chọn phần tử là phần tử con cuối cùng của kiểu được chỉ định trong phần tử cha. Nghĩa là, nếu tôi viết h2:last-of-type - nó sẽ tìm thấy thẻ h2 cuối cùng trong phần tử cha (khác với last-child, chỉ tìm thấy thẻ h2 đó nếu nó là phần tử con cuối cùng trong phần tử cha).

Cú pháp

cssbộ chọn:last-of-type {
  
}

Ví dụ

Hãy tìm thẻ tiêu đề h2 là thẻ h2 cuối cùng trong phần tử cha:

html<div>
  <h2>tiêu đề</h2>
  <p>đoạn văn</p>
  
  <h2>tiêu đề</h2>
  <p>đoạn văn</p>
  
  <h2>tiêu đề</h2>
  <p>đoạn văn</p>
</div>

cssh2:last-of-type {
  color: red;
}

Результат: