javascript - 在 PHP 包含的 header 上更改 CSS

Question

我想使用 <?php include 'header.php';?>为我网站的每一页都包含一个标题，这样我只需要更改一个地方的标题。该网站将在总共 20 多个不同的页面上重复使用标题。我想知道的是如何在使用 php include 时更改特定突出显示的文本？

我创建了一个网站，该网站的标题有 5 个链接(主页、投资组合、关于、联系方式和商店)。目前，我正在使用 CSS 代码通过突出显示所选链接(页面)向用户显示他们所在网站的哪个部分。

在下面的示例中，主页“链接”以白色突出显示。 (请参阅下面的 CSS 代码。)

标题中有以下代码:

<nav>
<ul>
    <li><a id="selected" href="index.html">Home</a></li>
    <span>|</span>
    <li><a href="portfolio.html">Portfolio</a></li>
    <span>|</span>
    <li><a href="about.html">About</a></li>
    <span>|</span>
    <li><a href="contact.html">Contact</a></li>
    <span>|</span>
    <li><a href="store.html">Store</a></li>
</ul>
</nav>

CSS 代码:

/* Selected Link */
#selected {
color: white;
}

我是否需要一些代码来检测网站的某些部分，或者我是否可以通过一些简单的方式手动操作突出显示的链接？这种事情的最佳做法是什么。感谢您的任何输入。

Answer 1

您可以在包含页眉之前将 $pageName 变量添加到每个页面。例如在家里:

$pageName = 'home';
<?php include 'header.php';?>

....

在 header.php 里面

<nav>
<ul>
    <li><a id="<?php echo $pageName == 'home' ? 'selected' : ''?>" href="index.html">Home</a></li>
    <span>|</span>
    <li><a href="portfolio.html">Portfolio</a></li>
    <span>|</span>
    <li><a href="about.html">About</a></li>
    <span>|</span>
    <li><a href="contact.html">Contact</a></li>
    <span>|</span>
    <li><a href="store.html">Store</a></li>
</ul>
</nav>