CSS元素繼承就是指當一個元素沒有定義某個屬性時,就會自動繼承它的父元素的樣式。這個特性可以讓網頁的樣式更加凝練,也可以避免沒必要的代碼。
.parent { color: blue; font-size: 16px; } .child { font-weight: bold; }
在這個例子中,父元素的屬性color和font-size會被子元素child自動繼承,但是font-weight不會繼承。可以通過以下代碼解決這個問題:
.parent { color: blue; font-size: 16px; } .child { font-weight: bold; color: inherit; font-size: inherit; }
通過使用inherit屬性,子元素可以繼承父元素的屬性。使用CSS元素繼承不但可以讓代碼更加簡潔,還可以減少重復代碼的出現。