在CSS中，當(dāng)一個(gè)元素的樣式?jīng)]有被指定時(shí)，它會(huì)從它的父元素繼承樣式。這種繼承可以大大簡(jiǎn)化CSS的編寫(xiě)。在下面的例子中，我們?cè)O(shè)置了p元素的字體大小為20像素，它的子元素會(huì)繼承這個(gè)字體大小：

這是一段文本，它被設(shè)置了字體大小為20像素。
這是另一段文本，它也被設(shè)置為字體大小為20像素。
這是一個(gè)內(nèi)聯(lián)元素，它會(huì)繼承p元素的字體大小。

在這個(gè)例子中，p元素設(shè)置了字體大小為20像素，它的兩個(gè)子元素也繼承了這個(gè)樣式。第三個(gè)段落包含一個(gè)內(nèi)聯(lián)元素，這個(gè)元素也繼承了p元素的字體大小。

有時(shí)候我們需要取消繼承的樣式，我們可以使用inherit關(guān)鍵字。使用inherit關(guān)鍵字會(huì)在本來(lái)繼承的情況下強(qiáng)制繼承指定屬性。在下面的例子中，我們?nèi)∠薶1元素的顏色繼承，h1元素的子元素不會(huì)繼承h1元素的顏色：

這是一個(gè)H1元素，它的顏色是藍(lán)色的。
這個(gè)H1元素不會(huì)繼承父元素的顏色。

在這個(gè)例子中，h1元素設(shè)置了顏色為藍(lán)色，它的子元素也會(huì)繼承這個(gè)樣式。我們創(chuàng)建了一個(gè)包含class="not-inherit"的div元素，h1元素位于這個(gè)div元素內(nèi)部。我們?cè)?not-inherit選擇器中設(shè)置了color:inherit;屬性，這樣就取消了h1元素的顏色繼承。因此，這個(gè)H1元素不會(huì)被設(shè)置為藍(lán)色。