css 继承

作者：堕魂灭天发布日期:2026-07-11 浏览:98

/* 示例代码：CSS 继承 */

/* 在 CSS 中，某些属性是可以被继承的，比如 color、font 等。 */
body {
  color: blue; /* 设置 body 的文字颜色为蓝色 */
  font-family: Arial, sans-serif; /* 设置 body 的字体为 Arial */
}

p {
  /* p 标签会继承 body 的 color 和 font-family 属性 */
}

/* 如果你不想让某个元素继承父级的样式，可以显式地定义它自己的样式 */
h1 {
  color: red; /* h1 标签的文字颜色为红色，不会继承 body 的蓝色 */
}

解释说明：

继承：在 CSS 中，某些属性（如 color、font-family）是可继承的，这意味着子元素会自动继承父元素的这些属性值。
示例中的 body 元素：设置了 color 和 font-family，所有子元素（如 p）如果没有特别指定，都会继承这些样式。
覆盖继承：如果某个子元素（如 h1）有自己的样式声明，那么它将不会继承父元素的相应样式。

如果你需要进一步了解其他内容，请告诉我！

上一篇：css设置边框

下一篇：css画圆