首页 > Web开发 > 详细

css关键字unset

时间:2017-09-07 19:13:36      阅读:281      评论:0      收藏:0      [点我收藏+]

今天遇到了一个css属性

display:unset

以为是新增的display的属性值,查了好久,发现并没有这个属性值,

后来发现了unset是css的关键字,将一个属性的属性值设置为unset,目的是将一个属性重新重新设置为其从父母那继承的属性值,如果没有继承则是重置成初始值。

它可以应用到所有的css属性上,包括css简写。

注意:亲自测试IE10不兼容

例如:color

.foo {
  color: blue;
}
.bar {
  color: green;
}

p {
  color: red;
}
.bar p {
  color: unset;
}
<p>This text is red.</p>
<div class="foo">
  <p>This text is also red.</p>
</div>
<div class="bar">
  <p>This text is green (default inherited value).</p>
</div>

结果:

技术分享

最后的this text is green就是重置成了继承自父元素的color属性值green。

css关键字unset

原文:http://www.cnblogs.com/Janejxt/p/7490997.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!