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

标签 php html css header navigation

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

我有一个 header.php 文件,其中包含 Logo 和导航,以及一个包含信息的 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>

关于php - 如何通过包含的 php 脚本在导航中获得 CSS 样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12332780/

相关文章:

html - 如何修复 : favicon only showing up on the homepage of my website

html - 如何使用 HTML/CSS 创建具有相同宽度和不同高度的照片库?

css - 如何右对齐 +1 按钮?

php - .ajax跨域和MySQL无法正常工作

php - 删除 WordPress 中的所有评论数据

html - 以中心为引用点定位div?

android - JSoup如何选择和获取具体信息

javascript - Yii2:如何在 View 中使用像 onchange() 这样的 JavaScript 函数

php - 我的 SQL 查询在获取数据时使用异常

.Net Web 应用程序问题中的 Java Applet