Vai trò bộ chọn :root trong CSS

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

Nội dung trùng lặp với bài 1003062677. :root chọn phần tử gốc tài liệu (html).

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

<!DOCTYPE html>
<html>
<head>
  <style>
    :root {
      background: blue;
      color: white;
    }
  </style>
</head>
<body>
  <h1>Tiêu đề</h1>
  <p>Văn bản demo.</p>
</body>
</html>

Toàn trang nền xanh, chữ trắng. Dùng cho CSS variables.