使用PHP includes在导航栏中突出显示当前页面？

我有一个index.php页面，其中包括一个navBar.inc页面，用于呈现顶部的导航栏。我还有一个外部样式表。我的目标是通过PHP突出显示导航栏中的当前页面

我已经尝试过实现它，但它没有像我预期的那样工作

我将PHP代码放在index.PHP页面的顶部：

然后，在navBar.inc文件中的每个

li

中，我都有一个应该更改每个

li

id的代码，例如：

当然，在我的外部CSS中我有：

#currentPage{color:black；}

但当我将文件上传到服务器并试用时，它实际上会将id=“currentPage”写入页面，而不是为其分配该id。此外，每个菜单项之间都有>。请参阅下面的图片链接

你能帮我把它修好吗？我想我快到了！谢谢

---

注意：这是我第一次接触PHP。语法有点混乱，但看起来很有趣

在回显变量之前，您当前正在关闭

标记，这意味着它正在将

id

属性和

呈现到屏幕：

<li><?php if ($thisPage=="About") echo " id=\"currentPage\""; ?>>
   ^                                                            ^
<a href="index.php">ABOUT</a></li>

---

它将覆盖您在.CSS文件中设置的先前样式。

在回显变量之前，您当前正在关闭

标记，这意味着它将

id

属性和

呈现到屏幕：

<li><?php if ($thisPage=="About") echo " id=\"currentPage\""; ?>>
   ^                                                            ^
<a href="index.php">ABOUT</a></li>

---

它覆盖了您在.CSS文件中设置的先前样式。

您反对使用javascript/jQuery吗？例如，您可以使用几行简单的jQuery来完成这项工作。实际上，我更喜欢使用这两行中的任何一行。但是从我的搜索结果来看，在使用PHP的所有页面上包含导航栏似乎更容易，所以我想如果我已经在使用PHP，我也可以使用PHP来进行高亮显示。你反对使用javascript/jQuery吗？例如，您可以使用几行简单的jQuery来完成这项工作。实际上，我更喜欢使用这两行中的任何一行。但是从我的搜索结果来看，在使用PHP的所有页面上包含导航栏似乎更容易，所以我想如果我已经在使用PHP，我也可以使用PHP来进行高亮显示。谢谢！不幸的是，这只带走了id=currentPage文本。>仍然存在，将文本更改为黑色的CSS也没有生效。这很奇怪。如果你将更多的代码作为问题的一部分发布，那么就更容易看出问题所在。我最后的评论是不正确的。一切都很好，除了CSS将文本更改为黑色不起作用。但是CSS非常简单-分配ID时一定有问题吗？注意：我试过#currentPage和#currentPage a，都不起作用。我试过#currentPage a{color:black；}和#currentPage{color:black；}。上面几行我用这种方式设置了默认值：#navBar ul li A{color:gray；}两者都不起作用。好的，回到你的原始版本，用你的css试试这个：

#currentPage A{color:black！重要；}

-我们会到的。谢谢！不幸的是，这只带走了id=currentPage文本。>仍然存在，将文本更改为黑色的CSS也没有生效。这很奇怪。如果你将更多的代码作为问题的一部分发布，那么就更容易看出问题所在。我最后的评论是不正确的。一切都很好，除了CSS将文本更改为黑色不起作用。但是CSS非常简单-分配ID时一定有问题吗？注意：我试过#currentPage和#currentPage a，都不起作用。我试过#currentPage a{color:black；}和#currentPage{color:black；}。上面几行我用这种方式设置了默认值：#navBar ul li A{color:gray；}两者都不起作用。好的，回到你原来的页面，用你的css试试这个：

#currentPage A{color:black！重要；}

-我们就到了。

#currentPage a { color: black !important; }