我有以下文件 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/