:last-of-type | CSS3 | Học web chuẩn

Định nghĩa và sử dụng

":last-of-type" chọn thành phần con cuối cùng hoặc duy nhất trong các thành phần cha.

Cấu trúc

:last-of-type {
    property: value; 
}

Ví dụ

HTML viết:

<html>
<head></head>
<body>
<p>p tự do đầu tiên</p>
<div>
    <ul>
        <li>
       	    <p>p duy nhất của li</p>
        </li>
        <li>
       	    <p>p duy nhất của li</p>
        </li>
    </ul>
    <p>p đầu tiên của div</p>
    <p>p thứ 2 của div</p>
    <ul>
        <li>
            <p>p đầu tiên của li</p>
            <p>p cuối cùng của li</p>
        </li>
    </ul>
    <p>p thứ 3 của div</p>
    <p>p cuối cùng của div</p>
</div>
<p>p tự do thứ 2</p>
<p>p tự do cuối cùng</p>
</body>
</html>