inherit

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

inherit CSS 關鍵字使元素從其父元素獲取屬性的計算值。它可以應用於任何 CSS 屬性,包括 CSS 簡寫屬性 all

對於繼承屬性,這強化了預設行為,並且僅在需要覆蓋其他規則時才需要。

注意: 繼承總是來自文件樹中的父元素,即使父元素不是包含塊。

示例

從規則中排除選定的元素

css
/* Make second-level headers green */
h2 {
  color: green;
}

/* Leave those in the sidebar alone so they use their parent's color */
#sidebar h2 {
  color: inherit;
}

在此示例中,側邊欄中的 h2 元素可能具有不同的顏色。例如,考慮其中一個將是符合規則的 div 的子元素

css
div#current {
  color: blue;
}

然後,它將是藍色的。

規範

規範
CSS 層疊與繼承第四級
# inherit

瀏覽器相容性

另見

  • 繼承
  • 使用 initial 關鍵字將屬性設定為其初始值。
  • 使用 revert 關鍵字將屬性重置為使用者代理樣式表(或使用者樣式,如果存在)建立的值。
  • 使用 revert-layer 關鍵字將屬性重置為在先前層疊層中建立的值。
  • 使用 unset 關鍵字將屬性設定為其繼承值(如果可繼承)或其初始值(如果不可繼承)。
  • all 屬性允許你一次性將所有屬性重置為它們的初始、繼承、恢復或未設定狀態。