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
bộ_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:
<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>
p:first-of-type {
color: red;
}
:
