如何通过包含的php脚本获得导航上的CSS样式



我正在构建一个使用includephp脚本的网站。

我有一个header.php文件,其中包含徽标和导航,还有一个footer.php文件,它包含信息。这些都是从主内容文件加载的,例如,从主页,我有一个<?php include 'header.php'; ?>脚本。

我遇到的主要问题是导航。因为它包含在页眉中,所以没有任何格式可以正常工作,所以当我点击页面时,CSS样式不会改变,所以用户知道他们在哪个页面上。根据我收集的信息,header.php文件正在刷新信息。

包含header.php文件不会影响这一点,因为CSS是在客户端处理的。

你需要做的是让你的header.php文件知道它在哪个页面上,这样它就可以为适合该页面的导航元素分配一个类。然后确保您的CSS中有一条规则,明确规定任何具有该类的导航元素都将被适当地高亮显示。

粗略示例:

page.php

$current_page = 'home';
include('header.php');

header.php

<ul>
  <li<?php if ($current_page === 'home') echo ' class="highlight"'?>><a href="/">Home</a></li>
  <li<?php if ($current_page === 'about') echo ' class="highlight"'?>><a href="/">About</a></li>
</ul>

相关内容

  • 没有找到相关文章

最新更新