Question

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

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

主要我想知道以下内容：将一些CSS导入GitHub页面的正确方法是什么？

Answer 1

看起来引导程序会覆盖第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;
}

尝试在bootstrap之后加载样式表，以便优先考虑样式。

<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

为什么我的CSS不能在GitHub页面上运行？

1 个答案: