Giả lớp only-of-type

Giả lớp only-of-type chọn một phần tử là phần tử con duy nhất của kiểu được chỉ định.

Cú pháp

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

Ví dụ

Hãy tô màu tiêu đề h2 thành màu đỏ, nếu nó là h2 duy nhất trong phần tử cha của nó:

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

cssdiv {
  border: 1px dashed black;
  padding: 15px;
  margin-bottom: 10px;
}
h2:only-of-type {
  color: red;
}

Результат: