Hello,i am creating a website. I have already created my home page and i had no problem linking my home page html page with my css style sheet but i am having a problem linking my second html page with my css style sheet. By the way i have different css style sheet for different html page. Am i missing something?
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>AfroChic</title>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link rel="stylesheet" href="style/hair.css">
</head>
<body>
<nav class="navbar">
<span class="open-slide">
<a href="#" onclick="openSlideMenu()">
<svg width="30" height="30">
<path d="M0,5 30,5" stroke="#F76C6C"
stroke-width="5"/>
<path d="M0,14 30,14" stroke="#F76C6C"
stroke-width="5"/>
<path d="M0,23 30,23" stroke="#F76C6C"
stroke-width="5"/>
</svg>
</a>
</span>
<ul class="navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="hair/hair.html">Hair</a></li>
<li><a href="makeup/makeup.html">Make up</a></li>
<li><a href="skincare/skincare.html">Skin Care</a></li>
<li><a href="blog/blog.html">Blog</a></li>
</ul>
</nav>
What I have tried:
I have been looking online for a solution for more than two hours and i have tried everything that i know, i only just started coding so i don't know a lot.