----
什么是css自定义属性
官方称之为 自定义属性 ,但我比较习惯叫它 变量 ,简单点说就是一种开发者可以自主命名和使用的 CSS 属性.
CSS变量和预处理器中的变量有什么不同?...CSS变量是浏览器中直接可用的CSS属性,而预处理中的变量是用于编译成常规的CSS代码,浏览器其实对它们一无所知。...当然,可以同时使用CSS变量和预处理变量,他们是不冲突的.
CSS变量:语法
变量的声明
css变量的定义由--开头,这样浏览器能够区分 自定义属性 和 原生属性 ,从而将它俩分开处理。....foo {
color: red;
--theme-color: gray;
}
我们可以用CSS自定义元素存储任意有效的css属性值,比如
.foo {
--theme-color: blue...VUE3.0中,可以在CSS中使用 响应式变量, 通过下图可以看出,它的原理就是运用了CSS自定义属性
我们先在HelloWorld.vue中写入下方代码,我们使用定时器两秒以后修改color的值,