Tidadigi Logo

CSS :first-of-type Selector

:first-of-type Selector được dùng để chọn phần tử con đầu tiên của mỗi phần tử cha. Ta có thể dùng nó nếu muốn tạo kiểu cho phần tử con đầu mà không cần class.

Cú pháp:

:first-of-type {
  //property
}

Ví dụ: 

HTML 
<!DOCTYPE html>
<html>
<head>
    <style>
        p:first-of-type {
            background: limegreen;
            font-size: 4.0em;
            font-style: italic;
        }
    </style>
</head>
<body>
    <p>First child</p>
    <p>Second child.</p>
    <p>Third child.</p>
    <p>Fourth child.</p>
</body>
</html>

Kết quả:

 css-first-of-type-selector 

Trình duyệt hỗ trợ:

  • Google Chrome 1.0
  • Edge 12.0
  • Firefox 3.5
  • Safari 3.1
  • Opera 9.5

Last Updated : 21/07/2025