不加载包含PHP文件的CSS
不加载包含PHP文件的CSS
提问于 2019-03-09 22:54:36
我不知道如何将样式应用于我作为模板包含的页面。我有以下目录结构：
app
│ index.php
│ styles.css
│
└───include
│ │ mainmenu.php我的索引文件如下所示
<?php
session_start();
?>
<!DOCTYPE html>
<html>
<head>
<title>Learn Algorithm Tracing</title>
<link rel="stylesheet" type="text/css" href="styles.css"</link>
</head>
<body>
<?php
include 'includes/menu.php';
?>
<h1>Welcome</h1>CSS在此页面中运行良好，加载正常。然而，我在理解如何将CSS样式应用于我的mainmenu.php文件时遇到了问题。目前看起来是这样的。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../styles.css"/>
</head>
<body>
<p class="menuitem">HOME</p>
<p class="menuitem">I KNOW</p>
<p class="menuitem">I WANT</p>
<p class="menuitem">I GOT</p>
</body>
</html>我添加了..\，因为它的样式存储在父目录中的主CSS文件中。但是，它在这里不应用menuitem样式。我已经尝试了我能想到的每一种组合，但是我该怎么做呢？当我的mainmenu.php页面包含在index.php中时，如何将主样式表中的样式应用于该页面
编辑：
有趣的是，当我包含一个已经在索引页面中使用的样式时，它工作得很好，但由于某些原因，它不喜欢menuitem样式。这是CSS
body{
width: 80%;
margin-left: auto;
margin-right: auto;
}
h1 {
font-family: "Verdana", sans-serif;
}
.maintext {
font-family: "Arial", sans-serif;
}
.entryprompt{
width: 50px;
}
.menuitem{
font-family: "Arial Narrow", sans-serif;
font-size: 16pt;
width: 30px;
margin: 10px;
}Stack Overflow用户
发布于 2019-03-09 22:55:32
尝试使用../styles.css而不是\..\styles.css并关闭
<link rel="stylesheet" type="text/css" href="../styles.css" />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55078570
复制相关文章
相似问题
腾讯云开发者
