属性继承

继承属性

当元素的一个继承属性没有指定值时,则取父元素同属性值。

常见继承属性:

  • text-align
  • font-size
  • font-weight
  • line-height
  • color

color 属性为例:

p {
  color: green;
}

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

文本 emphasized text 会呈现为绿色,因为 em 元素没有设置 color 属性的值,则默认取其父元素 pcolor 属性值来继承。

非继承属性

当元素的一个非继承属性没有指定值时,则取属性的默认初始值。

常见非继承属性:

  • width、height
  • margin、padding
  • display、float、position
  • border

border 属性为例:

p {
  border: medium solid;
}

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

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

参考

Last Updated:
Contributors: Vsnoy