CSS 继承

假如我们想修改网页的文字颜色,为每一个 HTML 元素指定颜色是相当没意思的。

p,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6{ color: grey;}

值的传递

文字颜色 color 的值可以继承他的祖先元素的。考虑到我们想修改整个网页,我们选择所有HTML元素的祖先元素,body 标签:

body{ color: grey;}

所有的子元素和后代元素将会继承他们共同的祖先body上的颜色值grey

我们也可以使用 html 标签。

可以继承的属性

可以继承自祖先元素的 CSS 属性并不多。他们主要是一些文本属性:

  • text color
  • font (family, size, style, weight)
  • line-height
一些HTML元素不能继承于他的祖先元素。比如超链接,就不能继承他的祖先元素的color属性。