这篇翻译不完整。请帮忙从英语翻译这篇文章

每个CSS 属性定义的概述都指出了这个属性是默认继承的("Inherited: Yes") 还是默认不继承的("Inherited: no")。这决定了当你没有为元素的属性指定值时该如何计算值。

继承属性

当元素的一个继承属性 (inherited property没有指定值时,则取父元素的同属性的计算值 computed value。只有文档根元素取该属性的概述中给定的初始值initial value)(这里的意思应该是在该属性本身的定义中的默认值)。

继承属性的一个典型例子就是 color 属性。给出以下样式规则:

p { color: green; }

若将其应用在下面这段 HTML 代码上…

<p>This paragraph has <em>emphasized text</em> in it.</p>

…文本 "emphasized text" 就会呈现为绿色,因为 em 元素继承了 p 元素 color 属性的值,而没有获取 color 属性的初始值(这个 color 值用于页面没有指定 color 时的根元素)。

非继承属性

当元素的一个非继承属性(在Mozilla code 里有时称之为reset property )没有指定值时,则取属性的初始值 initial value(该值在该属性的概述里被指定)。

非继承属性的一个典型例子就是 border 属性。给出以下样式规则:

 p { border: medium solid; }

若将其应用在下面这段 HTML 代码上…

  <p>This paragraph has <em>emphasized text</em> in it.</p>

…文本 "emphasized text" 就没有边框,因为 border-style 属性的初始值为none

The inherit keyword allows authors to explicitly specify inheritance. It works on both inherited and non-inherited properties.

You can control inheritance for all properties at once using the all shorthand property, which applies its value to all properties. For example:

font: {
  all: revert;
  font-size: 200%;
  font-weight: bold;
}

This reverts the style of the font property to the user agent's default unless a user stylesheet exists, in which case that is used instead. Then it doubles the font size and applies a font-weight of "bold".

注意

inherit 关键字 用于显式地指定继承性,可用于继承性/非继承性属性。

参见

文档标签和贡献者

标签: 
此页面的贡献者: RainSlide, zhiquan_yu, kevinfszu, teoli, yan
最后编辑者: RainSlide,