CSS未加載包含PHP文件
[英]CSS Not Loading for Include PHP File
問題描述
我無法弄清楚如何將樣式應用於我作為模板包含的頁面。 我有以下目錄結構：
app
│ index.php
│ styles.css
│
└───include
│ │ mainmenu.php
我的INDEX文件如下所示
<?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樣式。 我已經嘗試過所有我能想到的組合，但是我該怎么做呢？ 當它包含在index.php中時，如何將主樣式表中的樣式應用於mainmenu.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;
}
2 個解決方案
解決方案1
2 2019-03-09 14:55:32
嘗試使用../styles.css而不是\\..\\styles.css並關閉
<link rel="stylesheet" type="text/css" href="../styles.css" />
解決方案2
2 2019-03-09 15:02:58
您在html link標記change \\中使用了斜杠/因此CSS導入將如下所示。
<link rel="stylesheet" type="text/css" href="../styles.css"/>
更新：
當包含某些文件時，應使用包含該文件的路徑。 嘗試這個。
<link rel="stylesheet" type="text/css" href="styles.css"/>
PHP的包括不加載文件
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.