CSS 变量

作者: 抽疯的稻草绳 | 来源:发表于2021-01-05 20:17 被阅读0次

CSS变量是由CSS作者定义的实体,其中包含要在整个文档中重复使用的特定值。使用自定义的属性来设置变量名,并使用特定的var()来访问。

声明

借助双短划线。

  • 声明一个局部变量
element {
    --color: red;
}

  • 声明一个全局变量:
:root {
    --global-color: red;
}

使用

借助var()函数。

  • 使用局部 / 全局变量:
p {
    color: var(--color / --global-color);
}

vue 获取变量 :https://www.jianshu.com/p/8de31e50a0e3

相关文章

  • CSS | CSS Variable | CSS变量

    CSS | CSS Variable | CSS变量 原生的 CSS 已经支持变量W3C css-variable...

  • css自定义变量

    css是可以支持变量,且所有主流浏览器都支持。css变量又称"css自定义属性",css的变量声明是以“--”前缀...

  • Vue 3单文件驱动的CSS变量(新版语法)是怎么回事

    什么是CSS变量 本文已经假设你熟悉CSS变量,如果不熟悉,可以看我写的CSS变量基础知识:https://www...

  • css变量操作

    css变量

  • css变量详解

    css变量 css变量可以优雅的利用js控制css动画。改变传统通过js设置css样式的模式。使代码更加整洁。 v...

  • 【一起来烧脑】一步Sass学会体系

    CSS 的辅助工具增加了变量,嵌套,混合,导入 等高级功能 使用变量 变量声明 Sass变量声明和CSS属性的声明...

  • CSS 变量

    CSS 变量 参考链接 今年三月,微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能,所有...

  • css 变量 --*

    何为css变量 随着各种css预编译工具sass,less,stylus的逐渐流行,css中引入变量已经成为一种趋...

  • css变量使用var

    CSS变量(CSS Variables/Custom Properties) (1)变量属性的定义在一个类选择器下...

  • CSS 变量

    前几天在微信上看到了一篇文章,教做了一个炫酷的点击按钮,效果图如下: 这个效果用到了CSS变量,哇,觉得给我打开了...

网友评论

    本文标题:CSS 变量

    本文链接:https://www.haomeiwen.com/subject/dfnwoktx.html