:root {
--primary-color: #4CAF50;
--font-size: 16px;
}
body {
background-color: var(--primary-color);
font-size: var(--font-size);
}
h1 {
color: var(--primary-color);
}
:root
是 CSS 中的选择器,表示文档的根元素(即 HTML 元素),在其中定义的变量可以在整个文档中使用。--primary-color
和 --font-size
是自定义属性(也称为 CSS 变量),可以在样式表中的任何地方通过 var()
函数引用。var(--primary-color)
和 var(--font-size)
用于引用之前定义的变量值。这样可以方便地在多个地方使用相同的样式值,并且如果需要修改,只需在一个地方更改即可。上一篇:css 设置滚动条样式
下一篇:css 隐藏元素
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站