24、CSS 文本样式与字体颜色的全面指南

CSS 文本样式与字体颜色的全面指南

1. CSS 基础回顾与练习解答

在深入学习新的 CSS 知识之前，先回顾一些基础练习的解答，这有助于巩固之前所学。

1.1 颜色继承问题

考虑以下 HTML 结构和 CSS 代码：

body {
    color: green;
}
p {
    color: black;
}

对于不同元素的颜色继承情况如下：
- h1 和 h2 ：由于它们没有自身的 color 属性，所以继承 body 的颜色，为绿色。
- blockquote ：没有 CSS 规则指定其颜色，也继承 body 的颜色，但由于 p 元素覆盖了颜色为黑色，所以 blockquote 内的 p 元素颜色为黑色。
- em ：如果是 h2 的子元素，且没有 em 规则覆盖颜色，则继承 body 的颜色；如果是 p 的子元素，则不继承 body 的颜色。
- a ：作为 p 的子元素，不继承 body <