Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Vai trò bộ chọn :nth-of-type(n) trong CSS

Bộ chọn :nth-of-type(n) - Lặp lại

Nội dung trùng lặp với bài 1003062653. :nth-of-type(2) chọn p thứ 2 của cha.

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

<!DOCTYPE html>
<html>
<head>
  <style>
    p:nth-of-type(2) {
      background: yellow;
    }
  </style>
</head>
<body>
  <p>Văn bản 1</p>
  <p>Văn bản 2 - CÓ nền vàng</p>
  <p>Văn bản 3</p>
  <p>Văn bản 4</p>
</body>
</html>

Thẻ p thứ 2 có nền vàng.