Question

编辑/更新：每天都会发生这种情况。我编写代码并且它不起作用，然后我在第二天打开它并且它确实有效。为什么会这样？我使用Sublime Text 2编写代码，使用XAMPP / Apache运行代码，使用Chrome浏览器查看代码。

我正在创建一个基本网页，这是我到目前为止所拥有的

home.php

<!DOCTYPE html>
<html>
<head>
    <title>A Touch of Dazzle</title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
    <div id="main_page">
        <? 
            include("header.inc");
            include("top_nav.inc");
        ?>
        <img src="ATD-Logo.jpg" alt="A Touch of Dazzle Home Page" style="width: 80%; height: auto;"/>
        <?
            include("footer.inc");
        ?>
    </div>
</body>
</html>

css样式表适用于header和top_nav文件，但不适用于页脚。它们的格式完全相同。我把我的CSS通过css3验证器，没有错误。

为什么只连接到某些人？

（我已经尝试重新启动它并打开和关闭它并在浏览器中多次重新打开它）

以下是其余代码供参考：

header.inc

<div id="header">
    <h1>A Touch of Dazzle</h1>
    <h3>Inventory Database</h3>
</div>

top_nav.inc

<div id="top_nav">
     <ul id="menu_nav">
        <li><a href="">Page One</a></li>
        <li><a href="">Page Two</a></li>
        <li><a href="">Page Three</a></li>
        <li><a href="">Page Four</a></li>
        <li><a href="">Page Five</a></li>
        <li><a href="">Page Six</a></li>
     </ul>
</div>

footer.inc

<div id="footer">
    <p>HomePage</p>
    <p>Name</p>
    <p>&copy; 2016</p>
</div>

样式表显然是连接的，因为它的一部分是连接的。它很长但是这里没有连接的部分

/*main page begins*/
#main_page img
{
    margin-left: 10%;
 }
/*main page ends*/
/*footer begins*/
#footer p
{
    float: left;
    display: block;
    margin: 0 auto;
    color: red;
}
/*footer ends*/

Answer 1

经过大量研究后我发现最好的方法是强制浏览器通过编写

来使用我最新的样式表

<link rel="stylesheet" type="text/css" href="stylesheet.css?v=1.1" />

感谢大家的帮助，如果你找到更好的方法，请告诉我。

链接的CSS样式表仅部分连接

1 个答案: