简介

inherit 关键字在 CSS 中用于将元素的属性值继承自其父元素。它允许您轻松地将样式应用于文档中的多个元素，而无需为每个元素重复设置相同的属性。

语法

inherit 关键字用于设置属性值，如下所示：

--------- --------

例如，要将元素的字体颜色继承自其父元素，可以使用以下 CSS：

------ --------

用途

inherit 关键字在以下情况下非常有用：

• 保持一致性：确保子元素的样式与父元素一致，从而保持整个文档的视觉一致性。
• 简化样式：减少重复的代码，使 CSS 代码更简洁易读。
• 创建可重用的组件：通过继承父元素的样式，可以轻松地创建可重用的组件，从而节省时间和精力。

继承行为

inherit 关键字的行为取决于属性的类型：

• 可继承属性：这些属性可以从父元素继承，例如颜色、字体大小和边框。
• 不可继承属性：这些属性不能从父元素继承，例如 display、position 和 cursor。

示例

示例 1：继承字体颜色

---- ------------- -------
  ------- ---- ---- -- ---------
------

示例 2：继承边框样式

---- -------------- --- ----- --------
  ------- --------- ---- ---- - ----- -----------
------

示例 3：创建可重用的按钮组件

------- -
  -------- -------------
  -------- -----
  ------- --- ----- -----
  ----------------- -----
  ------ -----
  ---------------- -----
-

------------- -
  ----------------- -----
-

-- -------- -------------------------
-- -------- ---------------------- ----------

注意

• inherit 关键字仅适用于从父元素继承属性值。它不能用于从同级元素或祖先元素继承值。
• 如果父元素没有设置属性值，则子元素将继承浏览器的默认值。
• inherit 关键字可以与其他值结合使用，例如 initial 和 unset。