你是否曾为 header 设置了漂亮的背景色却始终无法显示而困惑？根源在于全局通配符选择器（*）悄悄覆盖了 header 及其所有子元素的背景，导致父容器背景被遮挡、视觉失效；本文直击这一高频陷阱，不仅清晰揭示 CSS 层叠与继承背后的“透出”机制，更提供一套即插即用的专业修复方案——将页面基础样式安全绑定到 body，显式重置 header 内子元素背景为透明，并辅以现代 CSS Reset 建议和开发者工具调试技巧，让你的 header 背景色精准、稳定、优雅地呈现，彻底告别不可控的样式污染。

本文详解为何全局重置样式（* 选择器）会覆盖 header 的背景色，并提供专业、可复用的 CSS 修复方案，确保 header 背景色精准生效且不影响子元素。

本文详解为何全局重置样式（* 选择器）会覆盖 header 的背景色，并提供专业、可复用的 CSS 修复方案，确保 header 背景色精准生效且不影响子元素。

在 CSS 中，*（通配符选择器）会对页面中所有元素应用声明的样式，包括 header 及其内部的 h1、nav、ul、li 等子元素。你当前的样式：

* {
  background-color: #2a292b;
}
header {
  background-color: #3d3747;
}

看似为