仅针对index.php页面配置导航栏样式的技术问询

嘿，我来帮你搞定内部页面的导航颜色自定义需求！根据你现有的代码结构，这里有几个实用的方案，你可以根据自己的开发习惯选：

方案1：给内部页面的body添加专属类 #

先在header.php的body标签里，判断当前是否是内部页面（非首页），添加一个专属类：

<body class="container <?php if( !is_front_page() && !is_home() ) echo 'internal-page'; ?>">

然后在CSS里针对这个类调整导航的颜色规则：

/* 内部页面默认导航颜色（不管有没有white类） */
.internal-page #anim-nav {
  color: #your-preferred-color; /* 替换成你想要的颜色 */
}

/* 如果需要内部页面滚动后（移除white类）有不同颜色，再加这条 */
.internal-page #anim-nav:not(.white) {
  color: #scroll-color; /* 滚动后的目标颜色 */
}

方案2：直接在nav标签里根据页面类型控制类 #

修改header.php里的nav标签，针对首页和内部页面分别设置不同的类：

<nav id="anim-nav" class="row <?php 
  // 首页保留原有的white类逻辑
  if( is_front_page() || is_home() ) {
    echo 'white';
  } else {
    // 内部页面用自定义类，方便单独设置样式
    echo 'internal-nav';
  }
?>">

接着在CSS里定义内部页面导航的样式：

/* 内部页面默认导航颜色 */
.internal-nav {
  color: #fff; /* 比如保持白色，或者换成其他颜色 */
}

/* 如果内部页面滚动后需要切换颜色，添加这条 */
#anim-nav.internal-nav:not(.white) {
  color: #333; /* 滚动后的目标颜色 */
}

方案3：用CSS优先级直接覆盖样式 #

如果不想改PHP代码，只靠CSS就能实现的话，可以利用选择器优先级来区分首页和内部页面（需要先按方案1给内部页面body加上internal-page类）：

/* 首页的white类保持原有白色 */
body.container:not(.internal-page) .white {
  color: #fff;
}

/* 内部页面的white类自定义颜色 */
body.container.internal-page .white {
  color: #eee; /* 替换成你想要的内部页面白色状态颜色 */
}

/* 内部页面滚动后（无white类）的颜色 */
body.container.internal-page #anim-nav {
  color: #444;
}

这些方案都能帮你精准控制内部页面的导航颜色，选最适合你的就行！

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