Giả lớp first-of-type

Giả lớp first-of-type chọn phần tử là phần tử con đầu tiên của kiểu được chỉ định của phần tử cha. Tức là, nếu viết h2:first-of-type - nó sẽ tìm thấy thẻ h2 đầu tiên trong phần tử cha (khác với first-child, chỉ tìm thấy thẻ h2 khi nó là phần tử con đầu tiên của phần tử cha).

Cú pháp

cssbộ_chọn:first-of-type {
  
}

Ví dụ

Hãy tìm đoạn văn là đoạn văn đầu tiên 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>

cssp:first-of-type {
  color: red;
}

Результат: