CSS样式继承

CSS样式继承是指子元素会继承父元素的某些样式属性。常见的可以继承的CSS属性包括 font-family 、 color 、 font-size、line-height。

1. color

子元素会继承父元素的文字颜色。

.parent {
    color: blue;
}
 
.child {
    /* 子元素继承父元素的文字颜色 */
}

2. font-size

子元素会继承父元素的字体大小。

.parent {
    font-size: 16px;
}
 
.child {
    /* 子元素继承父元素的字体大小 */
}

3. font-family

子元素会继承父元素的字体系列。

.parent {
    font-family: Arial, sans-serif;
}
 
.child {
    /* 子元素继承父元素的字体系列 */
}

4. line-height

子元素会继承父元素的行高。

.parent {
    line-height: 1.5;
}
 
.child {
    /* 子元素继承父元素的行高 */
}