CSS樣式繼承

程序员阿皓發表於2024-04-06
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 {
    /* 子元素繼承父元素的行高 */
}

相關文章