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
bộ_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ó:
<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>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
