CSSファイルはリンクされていますが、ページには影響しません

Question

CSSファイルをリンクしてブラウザの検査モードで見ることができますが、ページには影響しません。

これは私のlayout.pugファイルです：

1 h1 { 
    2 color: blue; 
    3 } 

何：これは私のapp.cssファイルです

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) 

：これは私のindex.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 

私は行方不明ですか？ヘッダーが色を変えなかったのはなぜですか？

Answer 1

私が見つけた最初のエラーは、単純なタイプミスです。linkの属性はrel（refではありません）です。

私の目を引っ張ったもう一つの事柄は、href属性に関するものです：見出しは正しいですか？

Answer 2

ブラウザでファイルをチェックして、cssファイルが見つかっていることを確認してください。あなたのスペルをチェックしていない場合、またはファイルの場所が正しい場合