CSS ID（header-nav、logo-img）样式不生效问题求助

你的两个样式问题分别由不同原因导致，具体如下：

1. #header-nav 样式不生效 #

问题出在Bootstrap的bg-body-tertiary类上——这个类的background-color样式带了!important声明，会强制覆盖你的ID选择器样式（哪怕ID优先级通常高于类选择器，!important会打破这个规则）。

解决方法二选一：

• 移除HTML中nav标签的bg-body-tertiary类：

  <nav id="header-nav" class="navbar navbar-expand-lg">
  

• 或者在你的CSS里给#header-nav的background-color也加上!important，确保优先级足够：

  #header-nav {
    background-color: #f6b319 !important;
    border-radius: 0;
    border: 0;
  }
  

2. #logo-img 背景图不显示 #

你的#logo-img是一个空div，没有设置宽度和高度，哪怕背景图路径正确，也会因为元素没有可显示的尺寸而看不到效果。另外你的CSS里background属性结尾少了分号，虽然浏览器可能兼容，但建议补上规范代码。

修改后的CSS示例：

#logo-img {
  background: url("pngtree-coffee-time-png-image_3626459.jpg");
  width: 150px; /* 根据需求调整尺寸 */
  height: 150px;
  background-size: cover; /* 让图片适配div尺寸，避免拉伸变形 */
}

额外检查：确认图片文件pngtree-coffee-time-png-image_3626459.jpg和你的HTML、CSS文件在同一目录下，否则需要调整路径（比如./images/xxx.jpg）。

内容的提问来源于stack exchange，提问作者Rose Nguyen