CSS繼承

了解CSS繼承的含義及其重要性

在CSS中的選擇器上設置某些屬性時，該屬性將由該選擇器的所有子級繼承。

我說一些，因為並非所有屬性都顯示此行為。

發生這種情況是因為可以繼承某些屬性。這有助於我們更加簡潔地編寫CSS，因為我們不必在每個子節點上都再次顯式設置該屬性。

其他一些屬性對不是被繼承。

考慮一下字體：您不需要套用font-family到頁面的每個標籤。您設置body標記字體，每個子代都會繼承它，以及其他屬性。

這background-color另一方面，繼承財產幾乎沒有意義。

這是可以繼承的屬性的列表。該列表並不全面，但是這些規則只是您可能會使用的最受歡迎的規則：

我是從這裡得到的不錯的Sitepoint文章關於CSS繼承。

如果您有一個默認情況下不繼承的屬性，並且希望在子級中繼承該屬性，該怎麼辦？

在子級中，將屬性值設置為特殊關鍵字inherit。

例子：

body {
	background-color: yellow;
}
p {
background-color: inherit;
}

相反，您可能繼承了一個屬性，並且您想避免繼承。

您可以使用revert還原它的關鍵字。在這種情況下，該值將還原為瀏覽器在其默認樣式表中為其提供的原始值。

實際上，這很少使用，大多數情況下，您將為屬性設置另一個值以覆蓋該繼承的值。

除了inherit和revert我們剛剛看到的特殊關鍵字，您還可以將任何屬性設置為：

免費下載我的CSS手冊