You need the magic of ../
.
In relative file paths, ../
means move one level out of current folder.
Take this example file structure:
[root]
|- index.html
|
|- [css]
| |- style.css
|
|- [animals]
| |- bird.html
| |- cat.html
| |
| |- [dogs]
| | |- dog1.html
| | |- dog2.html
|
|- [food]
| |- apple.html
| |- banana.html
The relative path to style.css
from the following files would be:
index.html:
css/style.css
bird.html:
../css/style.css
dog1.html:
../../css/style.css
apple.html:
../css/style.css