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文件。如果没有检查您的拼写或文件的位置是否正确

Answer 2

我发现的第一个错误是一个简单的拼写错误：ref的属性是rel（不是href）。

引起我注意的另一件事（但只是怀疑）是关于setTimeout()属性：标题斜线是否正确？