首页 > 其他分享 >CSS变量

CSS变量

时间:2022-12-14 18:23:49浏览次数:49  
标签:bg 变量 color custom -- var main CSS

/*全局变量保存的地方*/
:root {
  --main-bg-color: red; /* 变量名必须以--开头 */
}

var(custom-property-name, value)
描述
custom-property-name 必需。自定义属性的名称,必需以 -- 开头。
value 可选。备用值,在属性不存在的时候使用。

举例使用:
#div1 {
  background-color: var(--main-bg-color);
}
 
#div2 {
  background-color: var(--main-bg-color);
}

 

 
 

标签:bg,变量,color,custom,--,var,main,CSS
From: https://www.cnblogs.com/numver/p/16982898.html

相关文章

  • CSS伪类三角形
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="widt......
  • win 设置环境变量
    1.输入sysdm.cpl检索2、在系统属性界面内选择高级,然后点击环境变量。3、在这里我们可以看到所显示的变量,单机新建就能新建一个环境变量。选中自己要设置更改的变量再......
  • python学习笔记整理01(变量、数据类型、容器、输入和输出、运算符)
    一、变量二、数据类型三、容器1介绍2字符串3列表4元组5字典6容器的通用方法四、输入和输出五、运算符 一、变量1.介绍①含......
  • vue-cli 和 vite 全局变量定义和使用
    vue-clivue.config.js//第一步,在vue.config.js中定义//注意:定义的变量必须是APP_开头。这是vue-cli的硬性规范。process.env.APP_VERSION=require('./pack......
  • ubuntu 下如何设置环境变量
    一、设置环境变量的三种方法1.1临时设置exportPATH=/home/yan/share/usr/local/arm/3.4.1/bin:$PATH1.2当前用户的全局设置打开~/.bashrc,添加行:exportPATH=/ho......
  • CSS-3D动画 webpack-logo
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content=......
  • Windows 平台下 Go 语言的安装和环境变量设置
    1.Go语言SDK安装包下载和安装最新稳定版1.5.3安装包go1.5.3.windows-amd64.msi下载地址https://golang.org/dl/,大小约69MB(作者上传了一份该版本安装包到CSDN......
  • linux环境变量LD_LIBRARY_PATH
    LD_LIBRARY_PATH是Linux系统下的环境变量名,类似于Path(设置可执行文件的搜索路径)。作用:用于指定查找共享库(动态链接库)时除了默认路径(./lib和./usr/lib)之外的其他路径。......
  • 【快应用】快应用中如何避免读取undefined变量的属性时导致的报错
    现象描述在JS开发过程中,经常出现一种错误:即读取一个值为null或者undefined变量的属性时,出现错误提示。例如hello.ux中有如下错误代码:<!--a={};--><text>{{a.b.c}}......
  • CSS
    第一个CSS程序index.html<head><metacharset="UTF-8"><title>Title</title><linkrel="stylesheet"href="css/style.css"></head><body><h1>ti......