CSS屬性的繼承是指在父元素設置某個CSS屬性時,子元素會繼承該屬性的值。
.parent{ color: red; font-size: 20px; } .child{ /*繼承父元素的color和font-size*/ }
以下是CSS屬性可以被繼承的列表:
- color
- font-family
- font-size
- font-weight
- line-height
- text-align
- text-decoration
- text-indent
- text-transform
- letter-spacing
- word-spacing
- white-space
- vertical-align
需要注意的是,CSS屬性的繼承是有一定限制的:
- 某個元素的CSS屬性只有在沒有明確地設置該屬性時才能繼承父元素的該屬性。
- 一些元素的某些CSS屬性是不能被繼承的,如border、padding、margin、background、height、width等。
- 絕對定位的元素不能繼承父元素的CSS屬性。
繼承在一定程度上可以提高CSS代碼的簡潔程度,同時也方便了CSS屬性的維護。
上一篇css屬性透明度
下一篇css屬性可被多個文本