Tạo kiểu cho p là con đầu tiên của cha với CSS

Bộ chọn :first-child - Lặp lại

Nội dung trùng lặp với bài 1003062635. p:first-child chỉ khớp nếu p là con đầu tiên của cha.

Ví dụ (giống hệt bài trước)

<!DOCTYPE html>
<html>
<head>
  <style>
    p:first-child {
      background-color: orange;
    }
  </style>
</head>
<body>
  <h1>Tiêu đề</h1>
  <p>Đoạn 1: Không phải con đầu tiên của body (h1 là đầu) - Không nền</p>
  <div>
    <p>Đoạn 2: Con đầu tiên của div - CÓ nền cam</p>
    <p>Đoạn 3: Không phải con đầu tiên - Không nền</p>
  </div>
</body>
</html>

Chỉ "Đoạn 2" (con đầu tiên của div) có nền cam.