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属性。

版权声明

知识共享许可协议
本博客文章均为 范明非 原创或翻译，采用知识共享 署名-非商业性使用-相同方式共享 4.0 国际 许可协议进行许可。
原文地址： https://fanmingfei.com/posts/CSS_Inheritance.html