这是一个令人激动的革新。CSS 变量,顾名思义,也就是由网页的作者或用户定义的实体,用来指定文档中的特定变量。更准确的说法,应该称之为 CSS 自定义属性 ,不过下文为了好理解都称之为 CSS 变量。一直以来我们都知道,CSS 中是没有变量而言的,要使用 CSS 变量,只能借助 ...
这是一个令人激动的革新。
CSS 变量,顾名思义,也就是由网页的作者或用户定义的实体,用来指定文档中的特定变量。
更准确的说法,应该称之为 CSS 自定义属性 ,不过下文为了好理解都称之为 CSS 变量。
一直以来我们都知道,CSS 中是没有变量而言的,要使用 CSS 变量,只能借助 SASS 或者 LESS 这类预编译器。
但是新的草案发布之后,直接在 CSS 中定义和使用变量已经不再是幻想了,像下面这样,看个简单的例子:
// 声明一个变量::root{ --bgColor:#000;}
CSS 如下:
:root{ --margin: 10px;}div{ text-indent: calc(var(--margin)*10)}
原标题:引人瞩目的 CSS 变量(CSS Variable)
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。