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
bộ 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:
<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>
h2:last-of-type {
color: red;
}
:
