CSS繼承性
CSS繼承性是指樣式屬性可以沿著文檔樹向下傳遞的特性。
例如:
body {
font-size: 16px;
}
p {
color: blue;
}
上面的代碼中,對于所有的文本元素,都使用了16像素的字體大小,而所有的段落元素都使用藍色的文本顏色。
假如我們在文檔中給段落元素添加了一個子元素:
這是父元素這是子元素
那么子元素會繼承父元素的樣式信息,包括字體大小和文本顏色。
在 CSS 中,可以使用inherit
關鍵字來強制繼承一個父元素的樣式信息。
.child {
color: inherit; /* 繼承父元素文本顏色 */
}
上面代碼中,.child
類會繼承它的父元素的文本顏色。
但是,有些屬性是不能繼承的。例如,像border
屬性、padding
屬性、margin
屬性等都不會被子元素繼承。
因此,CSS 繼承性可以方便地讓我們在文檔中為各個元素設置共同的樣式。
上一篇mysql 配置要求
下一篇css緩存隨機數