CSS 文件未加载

Question

我有以下文件 head.inc.php，我将其包含在其他文件中：

<?php
    include 'database.inc.php';
    define("DB_HOST", "localhost");
    define("DB_USER", "dani");
    define("DB_PASS", "Reichenschwand5");
    define("DB_NAME", "cocktails");
    $database = new Database();
?>

<!DOCTYPE html>
<html>
    <head>
    <link rel="stylesheet" href="https://necolas.github.io/normalize.css/3.0.2/normalize.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    </head>
    <body>

来自 Github 的第一个文件被正确加载，当我 enable/disable 导入时我可以看到变化，但第二个文件根本没有被加载。

当我在 Chrome 中使用“查看源代码”并单击 style.css 时，它在浏览器中打开，因此我认为 link 标签的格式正确。

我的第二个猜测是 Linux 中的权限有问题，但是 [=12] 中根目录中所有文件的权限都是 775 并且属于 http:http =] 我可以看到父进程的用户root 和nginx 的子进程http 以及es php-fpm，所以应该也没有问题。

我的第三个猜测是 nginx 配置文件有问题并包含文件 mime.types，但仍然没有变化，github 中的 normalize.css 也有效，这意味着问题不应该在那里。

然后我在我的 github 帐户上创建了一个 public 存储库，并在其中创建了文件 https://raw.githubusercontent.com/danielr1996/css/master/style.css 并将其包含在内。它也没有用，但我认为 repo 的可访问性可能存在问题。

我还尝试添加带有 <img> 标签的图片和带有 <script> 的 javascript 的图片，两者都很好。

最终我将 css 直接包含在 <style> 标签中，效果很好。

你知道还有什么问题吗？

Answer 1

你说 style.css 文件确实在 Chrome 浏览器中显示，但 css 样式没有影响任何元素，对吗？

所以，这意味着 link 路径指定正确。问题可能是 css 已被覆盖。

尝试在css属性后追加!important来测试效果。

如果这个工作正常，可能是您的第一个样式表覆盖了之后的样式表。

您可以在 css 覆盖规则上了解更多此主题。

CSS 文件未加载

CSS File doesn't get loaded

html

css

loading

nginx