Как получить стиль CSS для навигации с помощью включенного php-скрипта?

Я создаю веб-сайт, который использует php-скрипты.

У меня есть файл header.php, содержащий логотип и навигацию, и файл footer.php, содержащий информацию. Они загружаются из файлов основного контента, например, с домашней страницы, у меня есть скрипт <?php include 'header.php'; ?>.

Основная проблема, с которой я столкнулся, это навигация. Поскольку он включен в заголовок, ни одно форматирование не работает должным образом, поэтому, когда я нажимаю на страницу, стиль CSS не меняется, поэтому пользователь знает, на какой странице он находится. Из того, что я собираю, файл header.php обновляет информацию.


navigation php html css header
person sKwok12    schedule 08.09.2012    source источник
comment
что ты уже испробовал? Примеры кода или изображения поведения, которое вы видите, и то, что вы ожидаете, также являются хорошим началом.   -  person Henrik Ammer    schedule 08.09.2012

Ответы (1)


arrow_upward
0
arrow_downward

Включение файла 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>
person John Conde    schedule 08.09.2012