css - CSS 不适用于帖子页面，但适用于其他页面

Question

我正在使用 ejs 为我的网站进行模板化，我将文件保存在 public > css 文件夹中，并且我将页眉和页脚分开保存，CSS 正在与其他页面路由器一起使用，但是在获取帖子页面时未应用 CSS。

这是我的帖子页面代码，我从 MongoDB 调用，并且评论部分也没有进入这个我使用 ajax 发表评论。但无法重新加载页面并发送找不到。在它运作良好之前。

<%-include('header.ejs') %>


      <div class="container">
        <div class="top-ad"></div>
        <div class="post-ad">
          <div class="post-cont">
            <div class="title">
              <h1><%= post.title %></h1>
            </div>
            <div class="post-img">
              <img
                src="data:image/<%=post.image.contentType%>"
                alt="post image"
              />
            </div>
            <div class="post-by">
              <p>post by admin <span>12/02/2021</span></p>
            
            </div>
            <hr>
            <div class="post-text">
              <p>
                <%= post.content %>
              </p>
              <hr>
              <div class="share">
                <p>
                  <a href=""><i class="fa fa-facebook-square fa-3x"></i></a>
                  <a href=""><i class="fa fa-twitter-square fa-3x"></i></a
                  ><a href=""><i class="fab fa-whatsapp-square fa-3x"></i></a
                  ><a href=""><i class="fab fa-instagram-square fa-3x"></i></a>
                </p>
              </div>
            </div>
          </div>

          <div class="side-bar">
            <div class="ad1"></div>
            <div class="ad2"><h1>AD Here</h1></div>
          </div>
        </div>
<hr>
        <div class="com-div">
          <h1>Comments</h1>
          <hr>
         
       <% comments.forEach(function(comment){ %>
        <div class="comment">
            <h1><%= comment.name %></h1>
            <p><%= comment.comment %></p>
          </div>
        <% }) %>
        
        </div>
        <hr>
        <div class="post-coom">
          <form method="post" onsubmit="return doComment(this);" class="form-controle">
            <input type="hidden" name="_id" value="<%=post._id %>">
                <div class="row">
                <input type="text" name="name" placeholder="Name" class="form-controle m-2">
                 <textarea name="comment" placeholder="Comments"></textarea class="form-controle m-2"> 
              </div>
            <button type="submit" class='btn btn-primary'>POST COMMENT</button>
        </form>
        </div>
      </div>
    
  

 <!-- <script>
  function doComment(form){
  $.ajax({
  url:"/post/do-comment",
  method:"post",
  data:{name:form.name.value,comment:form.comment.value,
      _id:form._id.value},
  success: function(response){
  alert(response);
      }
  });
  return false;
}
</script>  -->
  

<%-include('footer.ejs') %>

标签： cssnode.jsajaxejs