为什么我的 css 样式表在 Sinatra 中不起作用？

Question

I'm relatively new to this but as far as I can tell from my research, this should be working. I'm trying to link a css stylesheet to an.erb file. Here is the code I'm using:

<link rel="stylesheet" type="text/css" href="../css/stylesheet.css">

I've also tried

href="./css/stylesheet.css"

and

href="css/stylesheet.css"

for reference my erb file and css file both sit in different subdirectorys of the same main directory. Here is the code contained within my stylesheet, just in case this is the problem:

body { 
  border-style: solid;
  border-color: black;
  border-width: 5px;
  text-align: center;
  background-color:powderblue;     
}

h1 {
  font-family: verdana;
}

h2 {
  font-family: sans-serif;
} 

Answer 1

With a server.rb like

require 'sinatra'

set :public_folder, __dir__ + '/static'

get '/' do
  erb :index
end

A views/index.erb like

<link rel="stylesheet" type="text/css" href="/css/stylesheet.css">

Hi!

And your stylesheet in static/css/stylesheet.css it should work, the important bit you may be missing is setting the public folder.