无法在 style.css (Node.js) 中设置正文样式

Question

我刚刚建立了一个基本的 Node.js 站点，运行但运行遇到了一些奇怪的问题。使用 Express 时默认出现的 style.css 样式表，我尝试设置正文的样式，但它似乎无法识别它。唯一的解决方案似乎是将 class body 添加到实际主体并将 css 声明更改为 .body。为什么下面的代码不起作用？

style.css

body {
    background-color: black;
    margin-top: 50px;
}

.navbar {
    height: 50px;
}

.footer {
    text-align: center;
}

index.ejs

<!DOCTYPE html>
<html lang="en">
  <head>
    <% include partials/head %>
  </head>
  <body>
     <% include partials/nav %>
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12">
                <h1><%= title %></h1>
            </div>
        </div>
    </div>
    <% include partials/footer %>
  </body>
</html>

Answer 1

Bootstrap 覆盖了我的自定义文件中的 css。只需将自定义 css 文件声明放在 Bootstrap 声明之后即可修复它并允许我覆盖 Bootstrap css 样式。

之前

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><%= title %> | NodeSite</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Core CSS -->
<link href="stylesheets/style.css" rel="stylesheet">
<link href="stylesheets/bootstrap.css" rel="stylesheet">

之后

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><%= title %> | NodeSite</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Core CSS -->
<link href="stylesheets/bootstrap.css" rel="stylesheet">
<link href="stylesheets/style.css" rel="stylesheet">

无法在 style.css (Node.js) 中设置正文样式

Can't style body in style.css (Node.js)

html

css

node.js

express

mean-stack