php - 使用 css 设置动态菜单的样式
问题描述
我有这个代码用于使用 php 的动态菜单:
菜单.php:
<?php
// Get current page file name
$page = basename($_SERVER["PHP_SELF"]);
?>
<?php include "templates/header.php"; ?>
<?php include "templates/footer.php"; ?>
模板/header.php:
<h1>A Library</h1>
<div id="navigation">
<ul>
<li><a href="index.php" <?php if ($page == "index.php") echo 'class="current"' ?>>Products</a></li>
<li><a href="resume.php" <?php if ($page == "resume.php") echo 'class="current"' ?>>Resume</a></li>
<li><a href="photography.php" <?php if ($page == "photography.php") echo 'class="current"' ?>>Photography</a></li>
<li><a href="about.php" <?php if ($page == "about.php") echo 'class="current"' ?>>About</a></li>
<li><a href="contact.php" <?php if ($page == "contact.php") echo 'class="current"' ?>>Contact</a></li>
</ul>
</div>
</body>
</html>
模板/页脚.php:
</body>
</html>
menu.php 和文件模板在同一个目录下
这段代码创建了一个简单而小型的菜单。我怎样才能使它更好地使用 css?
我写了这个 css 代码,但我不知道如何将它与菜单连接起来:
#navigation ul li a.current {
background-color: #FFF;
border-bottom: 1px solid #FFF;
}
解决方案
有多种方法可以包含 CSS,在您的情况下,最简单的方法是创建一个让我们说 style.css 并将其包含在标签内的主模板中:<link href=/path/to/yourcss/style.css rel=stylesheet type='text/css'>
这样它将影响您所有动态包含的 CSS,它应该是类锁定可互换组件。例子:
<html>
<head>
... other meta tags
<link href=/path/to/yourcss/style.css rel=stylesheet type='text/css'>
</head>
<body>
your php includes for content
</body>
</html>
推荐阅读
- symfony - 如何在服务 symfony 4 中使用多个实体管理器
- sorting - 如何在经典 ASP 中进行自然排序?
- oracle-jet - 使用 JSON 数据绑定 Ojet 树视图
- flutter - Flutter Inherited Widget - 缺少一些监听器
- listview - 如何在 Nativescript-vue 中创建具有交错或网格布局的 ListView?
- unit-testing - 我们是否应该对谓词方法进行单元测试
- python - 气流任务无法连接到远程 Oracle 数据库
- javascript - 如何在odoo中覆盖js函数
- c# - 为什么我们使用 ObservableCollection
在 UWP/C# 中? - docker - Gcloud Kubernetes 连接拒绝暴露服务