Question

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

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;
}

Answer 1

尝试使用../styles.css代替\..\styles.css，然后关闭

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

Answer 2

您正在将HTML link标签更改\中的斜杠改为/，因此CSS导入看起来像这样。

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

更新：

包括一些文件时，应使用包含文件的路径。试试这个。

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

CSS未加载包含PHP文件

2 个答案: