php - 没有为菜单实现正确​​的链接 rel CSS 样式表

标签 php css require

我有menu.php ,并在 <head>menu.php , 我有 menu.css作为link rel当然是标签,两者都可以正常工作。

menu.php是一个“菜单”,我有 require在需要“菜单”以便浏览网站的页面上设置它。然而,每当我 require具有自己的 CSS 样式表的页面上的 menu.php,menu.php继承了 <body> other 样式表的字体大小。

这就是我想说的:所以如果我 require menu.phpprofile.php , menu.php元素将变为 profile.css 的大小,而不是它们真正应该的样子(menu.css)。我该如何解决以下问题?目前,我是requiring menu.php<html> 之前标签。

我应该把它放在 <head> 中吗? ?其他地方?

谢谢。


部分代码来自menu.php:

<html>
<head>
<link rel="stylesheet" type="text/css" href="menu.css" />
</head>
<body>
</body>
</html>

我已将我的 PHP 代码放在 <html> 之前上面文件中的标记。

以下代码来自main.php :

<head>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>

最佳答案

如果我没理解错的话,你包含了一个由 menu.php 生成的完整 html 页面。在 main.php 中的 html 之前.那会让你 2 <html>部分,2 <body>节等在一份文件中。这应该会导致很多麻烦。

您应该将菜单包含在例如 div 中在主页里面像(只是一个例子):

主.php:

<body>
<div id="nav">
<?php require 'menu.php'; ?>
</div>
...
</body>

并将所有菜单样式放在主样式表中,前缀为#nav .或者作为单独的样式表,但仍以 #nav 为前缀(每种样式)以便它们覆盖主文档的样式。

关于php - 没有为菜单实现正确​​的链接 rel CSS 样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3314363/

相关文章:

php - 什么是更有效的 PHP 开发开发/测试/生产环境设置..?

jquery - iOS7 - jquery.touchSwipe 干扰点击和 webkit-touch-callout

javascript - JQuery:自定义属性关键字选择器

node.js - 如何在nodejs中获取该文件的路径?

php - 缓存包含或需要的文件以便可以反复使用?

ruby - 需要不带 .rb 扩展名的 ruby​​ 文件?

php - 用其他变量名替换变量名

javascript - 多页面环境下的PHP和JS

javascript - 当 WooCommerce 订单进入处理状态时触发 javascript 函数

javascript - 如何在屏幕最后显示最近上传的图片?