CSS 属性取值「initial」和「inherit」的区别是什么?

inherit指其值继承父元素对应属性的计算值。
initial指其值为spec所规定的initial值。
新增的unset则根据该属性的性质重置为inherit或者initial值。


<div class="module">
  <div class="inherit">
  <h1>Inherited Styles</h1>
    <p>These styles are being inherited by the <code>.module</code> class since it is the parent.</p>
  </div>
</div>
<div class="module"> 
  <div class="initial">
  <h1>Initial Styles</h1>
  <p>These styles are being reset to the initial property values set by the browser defaults.</p>
  </div>
</div>

body {
  background-color: #eaeaea;
  display: flex;
}
.module {
  background-color: #fff;
  border: 1px solid #ddd;
  color: red;
  font-family: Helvetica;
  font-size: 18px;
  padding: 20px;
  width: 50%;
}
.inherit {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
.initial {
  color: initial;
  font-family: initial;
  font-size: initial;
}
.initial h1 {
  color: initial;
}

CSS 属性

1.本文由杨琼博客整理发布,部分文章来自网络,如有侵犯权益,请联络博主,资源失效和内容勘误欢迎留言.

2.转载请注明本文地址:http://www.iyangqiong.com/web/240.html

3.订阅更新:您可以通过 RSS订阅本站

【推荐!必备网址导航】http://longmiao.wang/

分享到:
顶部 评论 底部