html - CSS 文件未加载

标签 html css nginx loading

我有以下文件 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 的第一个文件被正确加载,当我启用/禁用导入时我可以看到更改,但第二个文件根本没有被加载。

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

我的第二个猜测是 Linux 中的权限有问题,但是根目录中所有文件的权限都是 775 并且属于 http:http,在 htop 中我可以看到父进程的用户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> 中标签,有效。

您知道还有什么问题吗?

最佳答案

你说 style.css 文件确实在 Chrome 浏览器中显示,但 css 样式不会影响任何元素,对吗?

也就是说,链接路径指定正确。问题可能是 css 已被覆盖。

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

如果这有效,可能是您的第一个样式表覆盖了之后的样式表。

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

关于html - CSS 文件未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30021458/

相关文章:

具有固定导航栏的 Javascript 不起作用

javascript - 非字符串变量可以进入 window.onerror 事件的处理程序吗?

html - 如何根据缩放或屏幕大小调整大小

Jquery 图像投票

css - 页面滚动时在 IE7 上出现问题。文本不正确

html - 按下后如何删除 <select> 上的边框突出显示

css - 如何在 bootstrap 3 中为所有屏幕安装更大更宽更高的 table

nginx proxyPass 使用变量传递给普罗米修斯

javascript - URL 中带有 user@ 的几个请求导致来自 Google AdSense 的 "Policy breach notice"

linux - vagrant/ansible nginx 版本错误