CSS不适用于包含的PHP文件

Question

我想将我的代码分开以使其更清晰。要做到这一点，而不是有一个大的php文件我省了他们并保留一个“主”文件，我需要时包括其他人。问题是CSS仅适用于“主”文件，但不适用于包含的文件。

我很确定这不是路径问题，因为我正在处理同一文件夹中的每个文件（我知道这不是最好的工作方式，但到目前为止我只有很少的文件，所以这不是什么大问题）。我仔细检查了最终的写作错误。

这是我的“主要”php文件：

<!DOCTYPE html>
<html>
<head>
    <title>A very nice title</title>
    <link rel="stylesheet" type="text/css"   href="style1.css">
    <meta charset="utf-8" />
</head> 

<body>
    <?php include("file2.php"); ?>
</body>

这是我的“file2.php”文件：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css"   href="style1.css">
    <meta charset="utf-8" />
</head> 

<div class="beer">
    <img src="simple_beer.png" alt="beer picture"/>
    <div class="description>
        <p> a simple text </p>
        <form id="add" action="[nothing interesting]">
            <input type="number>
            <input type="submit" value="add to card">
        </form>
    </div>
</div>

所以我对两个php文件使用相同的CSS文件。但是当我查看它时，它不会在file2.php上运行（我正在本地主机上工作）。我试图从我的浏览器（Firefox）删除缓存。如果你想知道我为什么要处理php文件而不是HTML，那只是因为我打算稍后添加php代码。

我一直在寻找一个近两个小时的解决方案，似乎没什么用。提前致谢！