CSS不加载包含PHP文件

问题描述 投票:0回答:2

我无法弄清楚如何将样式应用于我作为模板包含的页面。我有以下目录结构:

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文件中。但是,它不适用于此菜单项样式。我已经尝试了我能想到的每一种组合,但我该怎么做呢?当它包含在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;
}
php css
2个回答
2
投票

尝试使用../styles.css而不是\..\styles.css并关闭

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

2
投票

你在html link标签中使用坏斜线将\更改为此/,因此CSS导入将如下所示。

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

更新:

当您包含一些文件时,您应该使用包含它的文件中的路径。试试这个。

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

© www.soinside.com 2019 - 2024. All rights reserved.