首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

inheritance

在CSS中,继承控制在元素的属性没有指定值时发生的情况。请参阅任何CSS属性定义以查看特定属性默认继承(“Inherited:yes”)还是不是(“Inherited:no”)。

继承属性

如果元素上没有指定继承属性的值,则元素将在其父元素上获取该属性的计算值。只有文档的根元素获取属性摘要中给出的初始值。

继承属性的典型示例是color属性。鉴于风格规则:

代码语言:javascript
复制
p { color: green }

以及标记:

代码语言:javascript
复制
<p>This paragraph has <em>emphasized text</em> in it.</p>

由于em元素已经从元素继承了color属性的值,所以“强调的文本”这个词将显示为绿色p。它没有得到属性的初始值(这是当页面指定没有颜色时用于根元素的颜色)。

非继承属性

如果在元素上未指定非继承属性的值(有时称为重置属性(在Mozilla代码中)),则元素将获取该属性的初始值(如属性的摘要中所指定的)。

非继承属性的典型示例是border属性。鉴于风格规则:

代码语言:javascript
复制
 p { border: medium solid }

和标记

代码语言:javascript
复制
  <p>This paragraph has <em>emphasized text</em> in it.</p>

“强调文本”一词将不具有边框%28,因为初始值为border-stylenone29%。

inherit关键字允许作者显式指定的继承。它适用于继承和非继承的属性。

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com