我在项目根目录的styles文件夹中有一个名为main.css的css文件:
#header
{
background-color: aqua;
height: 120px;
}
在另一个php文件header.php中,我有这样的东西:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/styles/main.css"/>
</head>
<body>
<header id="header"></header>
我还有一个页脚。hp:
</body>
</html>
当在我的index.php中这样组合时:
<?php
require('includes/header.php');
?>
<?php
require('includes/footer.php');
?>
结果是我的css规则没有得到应用。我该怎么解决这个问题?
如果php文件和样式文件夹都在根目录中使用,则问题可能出现在css路径中,如href="styles/main.css"
使用基本链接css文件
尝试
href="../styles/main.css"
似乎是您的css文件路径导致了这个问题。
如果你的目录结构如下:
- 包括
- |__header.php
- |__页脚.php
- 样式
- |__main.css
将header.php中的css路径替换为:
href="../styles/main.css"