php - 如何通过包含的 php 脚本在导航时获得 CSS 样式？

Question

我正在构建一个使用包含 php 脚本的网站。

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

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

Answer 1

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

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

一个粗略的例子：

页面.php

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

头文件.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>