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

标签 html css

我正在为我正在学习的网页设计类(class)创建一个作品集网站。我已经为我的网站创建了一个样式表,但我无法让更改显示在我的网站上。当我通过 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 的文件夹。任何帮助将不胜感激。

最佳答案

控制台中有错误,请确保修复这些错误,如果仍然存在,请重试。 enter image description here

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

  • 我看到您在这里使用了 bootstrap。覆盖样式时,请确保您使用完全相同的选择器,无论您尝试修改的库是否使用过,即 .md-content .md-container .md-input .md-label span 您可以使用 inspect element/web 开发人员工具找到它并使用完全相同的选择器来覆盖库提供的默认样式,确保最后导入的是自定义样式表。

关于html - 为什么我的 CSS 更改没有显示在我的网站上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45930676/

相关文章:

Javascript Div 翻转

jquery - 将 div 滚动到 div 的 CSS 过渡

html - 动态 CSS 背景 URL

javascript - 激活单选按钮时显示 div

html - 悬停效果仅适用于特定的 div

css - 如果 "font download"属性被禁用,为什么 Base64 嵌入式字体不能在 IE11 中工作?

html - 在屏幕上绘图时,它绘制并替换使其跳转的布局

html - Margin 0 auto 不会完全居中 div

html - 对于不同设备的不同媒体查询,是否有推荐或 "best practice"图像分辨率?

javascript - jQuery 在其他页面中不起作用