CSS文件未加载

时间:2015-05-04 01:46:04

标签: 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中使用View Source并点击style.css时,它会在浏览器中打开,所以我认为link-tag是正确形成的。

我的第二个猜测是Linux中的权限存在问题,但root-dir中所有文件的权限都是775,并且由http:http拥有,htop我可以看到用户root对于父进程和http作为nginx的子进程,以及es php-fpm,所以也应该没有问题。

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

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

我还尝试在<img>标记和javascript与<script>中添加图片,两者都运行良好。

最后,我直接将css包含在<style>标记中,该标记有效。

你知道还有什么问题吗?

1 个答案:

答案 0 :(得分:1)

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

所以,这意味着,正确指定了链接路径。问题可能是css已被覆盖。

尝试在css属性后附加!important以测试效果。

如果这样工作,可能是你的第一个样式表被覆盖后。

您可以更多地了解css覆盖规则。