请选择 进入手机版 | 继续访问电脑版

网页UI--CSS3原生变量

发表于 2017-12-25 18:02 显示全部楼层 7 65

本帖最后由 赵延明老师 于 2017-12-25 18:02 编辑

简介:

对web开发者来说,CSS支持变量了,意味着,可以不需要再使用less,scss等CSS预编译器。它是CSS3新增的一个属性。

语法:

:root {
    --base: #BADA55;
}
.hl {
    color: var(--base);
}

上面的代码在根伪元素中声明了一个--base变量,通过var()的形式赋值给class为h1的所有元素的color属性。


兼容性:

除IE外,所有主流浏览器都已支持,移动手机上对于Android需要使用Chrome 49.0+,而iPhone上需要Safari 9.1+。

回复 使用道具
举报
易文沁

发表于 01-18 22:18 显示全部楼层

回复 支持 反对 使用道具
举报
认真的屎迪仔

发表于 01-13 09:53 显示全部楼层

回复 支持 反对 使用道具
举报
新水哥

发表于 01-03 18:32 显示全部楼层

  ╭══╮ ┌══════┐

  ╭╯让路║═‖ 酱油专用车 ‖

  ╰⊙═⊙╯ └══⊙═⊙═~. 作为一个资深的酱油党,我们需要做的不仅仅是路过,在路过的同时 还要关心楼主,鼓励楼主,在这个冷漠的时代,给予楼主温暖。酱油党莅临的地方,不仅仅是挽尊,不仅仅是消灭零回复,酱油

回复 支持 反对 使用道具
举报
任天翔

发表于 2017-12-28 12:36 显示全部楼层

回复 支持 反对 使用道具
举报
顾唐

发表于 2017-12-27 12:30 显示全部楼层

回复 支持 反对 使用道具
举报
孙傲

发表于 2017-12-25 18:48 显示全部楼层

回复 支持 反对 使用道具
举报
周牧

发表于 2017-12-25 18:05 显示全部楼层

围观楼主

回复 支持 反对 使用道具
举报

发表新文章
赵延明老师

小码哥名师团队

0

学分

2600

学币

2877

积分

小码哥名师团队

Rank: 5Rank: 5

积分
2877

小码哥一周年勋章关注小码哥教育公众号意见领袖勋章

Ta的主页 发消息
精华帖排行榜

精彩推荐

  • 关注小码哥教育