Why are my CSS class styles not applying even though the class name is correct?

5 days ago 8
ARTICLE AD BOX

I am trying to apply simple CSS to a paragraph but the styles are not being applied. The CSS file is in the same folder as the HTML file.

Here is the minimal code:

HTML

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="style.css">

</head>

<body>

<p class="note">This text should be styled.</p>

</body>

</html>

CSS

/* style.css */

.note{color: red; font-weight: bold;}

However , the text remains unstyled in the browser.

cache is cleared and the file path seems correct.

What could prevent the CSS file from loading or applying in this simple setup?

Read Entire Article