Vai trò bộ chọn :only-child trong CSS

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

Nội dung trùng lặp với bài 1003062619. :only-child chọn phần tử là con duy nhất của cha.

Ví dụ (giống hệt bài 1003062619)

<!DOCTYPE html>
<html>
<head>
  <style>
    p:only-child {
      background: orange;
    }
  </style>
</head>
<body>
  <h1>Tiêu đề</h1>
  <div>
    <p>Đoạn văn đơn lẻ - CÓ nền cam</p>
  </div>
  <div>
    <p>Đoạn 1 - Không nền</p>
    <p>Đoạn 2 - Không nền</p>
    <p>Đoạn 3 - Không nền</p>
  </div>
</body>
</html>

Chỉ p trong div đầu tiên (con duy nhất) có nền cam.