Pseudo-class :root của CSS

Định nghĩa và cách sử dụng

CSS :root Pseudo-class được sử dụng để khớp với phần tử gốc của tài liệu.

Trong HTML, phần tử gốc luôn là <html> phần tử.

Mẫu

Đặt màu nền và khoảng cách biên trong của phần tử gốc của tài liệu:

:root {
  background-color: red;
  padding: 30px;
}

Thử ngay

Ngữ pháp CSS

:root {
  các định nghĩa css;
}

Chi tiết kỹ thuật

Phiên bản: CSS3

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn pseudo-class.

Chrome Edge Firefox Safari Opera
1 12 1 1 9.6