CSS怎么写变量 ?

html-css018

CSS怎么写变量 ?,第1张

CSS变量定义通过在变量名前加 var- 前缀实现,引用时使用 var() 获取变量值。例如:

:root {

var-companyblue: #369

var-lighterblue: powderblue

}

h1 {

color: var(companyblue)

}

h2 {

color: var(lighterblue)

}

目前从 Can I use 上获取的信息显示除了 Edge 外主流浏览器的最新版都已经支持这个特性了,随后微软最新确认,EdgeHTML 15.15061中已经增加了对CSS自定义属性的支持!

拓展:

CSS变量:也称作“自定义属性”;CSS 自定义属性是可以级联的:每一个自定义属性可以多次出现,并且变量的值将会借助级联算法和自定义属性值运算出来。