【发布时间】:2022-01-25 17:45:36
【问题描述】:
所以我第一次使用 wamp 在我的 localhost 服务器上创建了一个项目(在此之前我只在 repl.it 中编码了 html/css/js)并且由于某种原因,我的 css 不会 留在我的页面上。当我尝试使用我的 CSS 文件更改样式时,它会在我刷新时出现,但很快就会消失。以下图片代表了这一点(注意:我必须记录并放慢刷新速度才能看到它确实发生了变化):
this appears right after refreshing
milliseconds later, the CSS no longer does anything
以下代码是我的 html 文件中 css 的链接(其中还有一些其他脚本标签):
<html>
<head>
<title>Home Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<script src="js/bootstrap-icons.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link href="/PHP-Login-System/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
目录树的图像(尝试将 style.css 与 index.php 链接): directory tree
据我所知,由于我的样式确实出现了一小会儿,我不认为错误可能出在文件之间的链接中,但我可能是错的。任何 cmets 都表示赞赏。
【问题讨论】:
-
你能不能尝试将 style.css 移动到文件夹 assets/css/style.css 并像
-
@ttquang1063750 尝试过,但是当我链接时没有任何反应,当我链接到 /assets/css/style.css 时,我继续出现短暂的问题
-
检查浏览器的开发者工具,看看是否有文件丢失或错误。
-
@Brad 有 5 个错误,但都是 404 not found 错误,与以下相关:bootstrap.min.css(两次)、bootstrap.min.js、引导图标和一个不相关的脚本.js。不确定,但我相信这对styles.css 没有任何影响?
-
检查您的 javascript 代码,可能有代码可以更改您的 CSS 属性。如果你能看到一小段时间,可能是一些 javascript 代码改变了样式,直到它被执行,你才能看到旧的样式