CSS屬性繼承是CSS中一個十分重要的概念,在網頁設計與開發中常常被用到。當給網頁的一個元素指定了CSS屬性后,該元素的孩子們(即內部元素)也會繼承該屬性,并且按照一定的順序來進行繼承。
inherit
在CSS中,我們可以使用inherit
關鍵字來讓一個子元素繼承父元素的屬性。這個關鍵字一般用于單獨指定某一個元素的樣式。
body { font-size: 16px; } h1 { font-size: inherit; }
上面這段代碼中,我們在body
中定義了字體大小為 16px;在
標簽中,使用inherit
關鍵字來繼承了這個大小。這樣一來,在其他地方不單獨設置字體大小的情況下,標簽中的字體大小就會默認為 16px。all
all
all
是指所有的CSS屬性都可以被繼承,而不是僅限于某一個特定的屬性。這樣一來,父元素的所有CSS屬性都會傳遞給它的孩子。
selector { all: initial; }
當想要清空某一個元素的繼承屬性時,我們可以使用all:initial
關鍵字。這樣,子元素會將所有的繼承屬性重置到默認值,也就是取消所有的繼承屬性。
default
當元素沒有繼承特定的CSS屬性時,瀏覽器會從默認位置獲取值。這個默認位置就是CSS規范中定義的。例如:
p { color: green; }
當我們在CSS中只指定了
標簽的字體顏色,而沒有指定其他元素的字體顏色時,其它元素將會從默認位置獲取顏色值。這里指定了字體顏色為綠色,所以這個
標簽的孩子們也會默認為綠色。
上一篇css居左寬度200