设置css变量 - :root{}、var()

非IE浏览器及ie9+支持

:root是一个伪类，表示文档根元素。在:root中声明相当于全局属性。

:root {
  --success-color: #2ecc71;
  --error-color: #e74c3c;
}

.success {
  color: var(--success-color);
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端基础面试题(HTML+CSS部分)
    1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素：和有他元素都在一行上，高度、行高及外...
    极乐君阅读 2,527评论 0赞 20
  • 面试题
    •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,241评论 0赞 8
  • 电子商务网站开发与建设
    概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,430评论 0赞 3
  • CSS
    display: none; 与 visibility: hidden; 的区别 联系：它们都能让元素不可见 区别...
    纹小艾阅读 1,764评论 0赞 1
  • 面试题
    前端开发面试题 面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。 题目类型： 理论知...
    怡宝丶阅读 2,625评论 0赞 7