I am developing a website with multiple pages and using the same external stylesheet for all of them. On most of the pages the stylesheet has the desired effect, except on one. On this page whether I add the stylesheet or not it looks exactly the same. I cannot figure out what the problem is.
>Tag selectors ***************/ body {
background-color: rgb(225, 226, 231);
}
h1 {
color: #66bfbf;
font-weight: bolder;
text-align: center;
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/test.css">
</head>
<body>
<h1>Call Actions</h1>
</body>
</html>
The result:
The resultant webpage
On the other pages it looks like this:
2
Answers
your problem here
you can check chrome console
file test.css not found / 404
replace https://example.com with your website
it works perfectly fine may be you made some error linking the css file with html check with that enter image description here
,