html - 不确定为什么不读取 CSS

标签 html css

所以我一直在绞尽脑汁想弄清楚为什么我的 CSS 文件不能被我的 Xampp 服务器读取。我认为一切都写得正确,所有引用文献都在它们应该在的地方,但我没有得到不同的结果。

body {
  background-color: black;
}
<!DOCTYPE html>
<html lang="en">

<head>
  <title>ETB</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="css/theme.css">
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
  <nav class="navbar navbar-inverse">
    <div class="container-fluid">
      <div class="navbar-header ">
        <a id="logo" href="homepage.html"><img src="media/logotext.png" class="wtv"></a>
        <ul id="navigation" class="nav navbar-nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">Projects</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="#">Downloads</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
    </div>
  </nav>
</body>

</html>

最佳答案

bootstrap 链接会覆盖您的 css 链接,因此只需将 css 链接放在 bootstrap 下方即可。

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="css/theme.css">

关于html - 不确定为什么不读取 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45992054/

相关文章:

html - 列表问题 - 内容垂直对齐但列表水平对齐?

html - 如何在背景颜色上提供背景图像

javascript - LESS(动态样式表语言)和资源加载器

html - 内联 block 在其容器的高度溢出?

javascript - 通过单击子区域中的按钮关闭模态内联对话框并防止其重新打开

Javascript按钮点击没有效果

html - 为什么我的图像尺寸过大?

javascript - 表单字段数量向上/向下按钮,不允许负数?

html - 图像透明部分的框阴影问题

jquery - 如何为过滤器库中的图像提供不同的悬停?