Despite linking the css file and seeing it open in the browser inspect mode, it fails to affect the page as intended.
Displayed below is my layout.pug file:
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
Shown next is my index.pug file:
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)
Furthermore, I have an app.css file with the following content:
1 h1 {
2 color: blue;
3 }
Any ideas on why the header failed to change its color?