Hi! I’ve been using internal styling for the majority of this project and only now decided to move to external styling. I thought it would be as easy as copy-pasting my internal style sheet to another doc then putting a link in the element of my index file, but boy was I wrong.
When I use the internal style sheet, everything I designate with my universal selector gets styled, no problem. But when I use the external style sheet, NONE of it gets applied. Any clues as to why this might be?
Sample CSS:
* {
box-sizing: border-box;
margin: 0;
text-decoration: none;
font-family: sans-serif;
line-height: 1.6;
}
Sample HTML
<html>
<head>
<link rel="stylesheet" href="style2.css">
<title>WIT Documentation</title>
</head>
<body>
<div class="container">
<nav id="navbar">
<header>WIT Documentation</header>
<a href="#Classes" class="nav-link">Classes</a>
<a href="#Combat" class="nav-link">Combat</a>
<a href="#Symbols" class="nav-link">Symbols</a>
<a href="#Game_Modes" class="nav-link">Game Modes</a>
<a href="#Walkthrough" class="nav-link">Walkthrough</a>
</nav>
<main id="main-doc" class="right">
<section id="Welcome" class="main-section">
<header>Welcome</header>
<p>This is the WIT technical documentation page! Think you have the best
Mind-Games? PROVE IT. Battle against your opponents to see who is the
most capable of out-smarting the other. If you're interested in
joining the fray, message one of the admins. The rules and classes are here
for your reference.</p>
</section>
</main>
</body>
</html>
If I include this styling internally, we’re good to go. If I do it externally, it says no.