网页UI--CSS3原生变量

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

本帖最后由 赵延明老师 于 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+。

回复 使用道具
举报
Viper

发表于 2018-05-04 12:28 显示全部楼层

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

发表于 2018-04-21 21:55 显示全部楼层

给楼主32个赞!!!!!

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

发表于 2018-04-17 13:52 显示全部楼层

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

发表于 2018-04-15 14:06 显示全部楼层

提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对 使用道具
举报
未来穗妹

发表于 2018-04-09 09:45 显示全部楼层

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

发表于 2018-03-31 01:38 显示全部楼层

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

发表于 2018-03-19 17:17 显示全部楼层

观后纵想法再多,也不如一句回复实在!

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

发表于 2018-03-03 23:12 显示全部楼层

回复 支持 反对 使用道具
举报
12下一页

发表新文章
赵延明老师

叩丁狼名师团队

0

学分

3658

学币

3786

积分

叩丁狼名师团队

Rank: 5Rank: 5

积分
3786

叩丁狼一周年勋章关注叩丁狼教育公众号意见领袖勋章

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

精彩推荐

  • 关注叩丁狼教育