Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

css 定义变量

作者:叶落↘随心   发布日期:2025-05-27   浏览:115

: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 隐藏元素

大家都在看

css 红色

css文字超长省略号

css 渐变字体

css背景图片等比例缩放

css文字删除线

css 自定义滚动条

css flex gap

css上一个兄弟元素怎么找到

css文字超出隐藏变省略号鼠标上去展示完整

css文字不允许换行

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站