为什么我的CSS更改没有显示在我的网站上？

Question

我正在为我正在进行的网页设计课程创建一个投资组合网站。我为我的网站创建了一个样式表，但是我无法将更改显示在我的网站上。当我通过Chrome在本地查看时，会显示所有更改，但是当我上传网站时，更改不会显示。我检查了我的代码，甚至尝试了validator.nu，看看他们是否有任何问题，但似乎他们没有。

以下是我的html和css文件：

https://gist.github.com/J-Conley/94255b04292287b58892b75fdc5e35c0

和我的网站：

http://cook-camel-58438.bitballoon.com/。

如果有帮助我有一个名为cf_template-1.1.1的文件夹，并且在该文件夹中我有一个名为html，css和img的文件夹。任何帮助将不胜感激。

Answer 1

控制台中有错误，请务必修复这些错误，如果仍然存在则再试一次。

• 图片网址在localhost和live中的行为有所不同，请确保使用您的网站构建器正确上传这些图片，不要使用静态网址。

• 我看到你在这里使用过bootstrap。当重写样式时，请确保使用完全相同的选择器，无论您尝试修改哪个库，即.md-content .md-container .md-input .md-label span，您都可以使用inspect元素/ Web开发人员工具来查找它并使用完全相同的选择器来覆盖给定的默认样式通过库，确保您导入的最后一件事是您的自定义样式表。

Answer 2

您错误地使用了css文件路径。

<!-- Custom styles for this template go here -->
<link rel="stylesheet" type="text/css" href="css/styles.css">

替换为

<!-- Custom styles for this template go here -->
<link rel="stylesheet" type="text/css" href="styles.css">

Answer 3

找不到所有图片。检查路径/再次上传它们并确保它正确。也许尝试绝对路径;

http://d33wubrfki0l68.cloudfront.net/bundles/adc83b19e793491b1c6ea0fd8b46cd9f32e592fc.js 不一个样式表。请删除它的样式标记

Answer 4

您应该将Jquery从1.11.3升级到3x。 这将有所帮助，因为版本1.11.3与Bootstrap 3.3.5不兼容。 您还应该尝试按Chrome Dev Tools->Network->Disable Cache中的“禁用缓存”按钮。通常，缓存是不更新CSS的罪魁祸首。