:root
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
:root là lớp giả CSS khớp với phần tử gốc của cây đại diện cho tài liệu. Trong HTML, :root đại diện cho phần tử <html> và giống hệt với bộ chọn html, ngoại trừ độ đặc hiệu của nó (0-1-0) cao hơn của html (0-0-1).
css
/* Chọn phần tử gốc của tài liệu:
<html> trong trường hợp HTML */
:root {
background: yellow;
}
Cú pháp
css
:root {
/* ... */
}
Ví dụ
Khai báo biến CSS toàn cục
:root có thể hữu ích để khai báo biến CSS toàn cục:
css
:root {
--main-color: hotpink;
--pane-padding: 5px 42px;
}
Đặc tả
| Specification |
|---|
| Selectors Level 4 # root-pseudo |