html - CSS 文件已链接但不影响页面

Question

我链接了 css 文件，在浏览器检查模式下我可以看到并打开它，但它不会影响页面。

这是我的 layout.pug 文件:

  1 doctype html
  2 html
  3   head
  4     link(href="/stylesheets/app.css", type="text/css",  ref="stylesheet")
  5     block title
  6   body
  7     block content  

这是我的 index.pug 文件:

  1 extends layout
  2
  3 block title
  4   title Index
  5
  6 block content
  7   h1 Books
  8
  9   div
 10     a(href='new') New Book
 11
 12   table
 13     th Title
 14     th Author
 15     each book in books
 16       tr
 17         td= book.title
 18         td= book.author
 19         td (show)
 20         td (delete) 

这是我的 app.css 文件:

  1 h1 {
  2   color: blue;
  3 }

我错过了什么？为什么标题没有改变颜色？

Answer 1

您可能想在浏览器中检查您的文件并确保找到您的 css 文件。如果不检查你的拼写或者文件的位置是否正确