为什么我的 CSS 不能在 GitHub Pages 上运行？答案

【问题标题】：Why won't my CSS work on GitHub Pages?为什么我的 CSS 不能在 GitHub Pages 上运行？
【发布时间】：2014-09-07 16:48:14
【问题描述】：

我正在制作一款名为 Sweet Shoppe 的网页游戏，并且我正在使用 GitHub Pages。唯一的问题是，CSS 不适用于 GitHub Pages。

我尝试将 CSS 文件放在主存储库（和文件夹中）并通过 HTML 导入它，但是当我转到我的页面 URL（设置为 mreikono.github.io/Sweet-Shoppe ) 我在文件中的 CSS（它在正文中添加了灰色条纹背景）无法显示。

主要想知道以下几点：将一些CSS导入GitHub Pages的正确方法是什么？

【问题讨论】：

标签： css github github-pages

【解决方案1】：

看起来 bootstrap 在第 896 行覆盖了您的背景颜色。

body {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
}

尝试在引导后加载您的样式表，以便优先考虑您的样式。

<head>
    <!-- Extra code files -->

    <!-- External files -->
    <link rel="stylesheet" href="http://bootswatch.com/lumen/bootstrap.css">
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-git2.js"></script>

    <!-- CSS -->
    <link href="styles/style.css" rel="stylesheet" type="text/css">

    <!-- Misc attributes -->
    <meta charset="utf-8">
    <title>Sweet Shoppe</title>
</head>

https://developer.mozilla.org/en-US/docs/Web/CSS/Cascade

【讨论】：

我想背景颜色不能覆盖背景图像，可以吗？
这是正确的。如果你加载检查器，你会看到 Bootstrap 的背景颜色覆盖了背景图像。
@RomanGotsiy - 它没有。但是图像是白色的，你只能在他的背景色上看到它。
好的，对不起。我的浏览器没有加载 bootstap.css（出于安全原因：https 上的页面和 http 上的 css - 我从未见过这样的行为 o_O :)，所以它对我有用......