Question

我刚刚启动并运行了一个基本的Node.js站点，但遇到了一些奇怪的问题。使用默认情况下使用Express时出现的style.css样式表，我尝试设置样式，但它似乎无法识别它。唯一的解决方案似乎是将类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。简单地在Bootstrap声明之后添加自定义css文件声明，并允许我覆盖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）中设置样式体

1 个答案: