CSS background color not changing

Question

This is my super simple code and the background color isn't changing for some reason. I know that the external CSS is linked correctly because the text color of h1 is changing.

<!DOCTYPE html>
<html>
<head>
<title>random</title>
    <link rel="stylesheet" href="randomnezs style.css">
<style>


body{
    background-color: black !important;
}
h1 {
    color: red;
}
<style>
</head>
</html>

Typically you don't want spaces unescaped in URLs. Make it `randomnezs+style.css` or `randomnezs%20style.css`. — Heretic Monkey, Apr 27 '20 at 16:21
Does this answer your question? [Div with background image and no content not displaying](https://stackoverflow.com/questions/6310808/div-with-background-image-and-no-content-not-displaying) — Heretic Monkey, Apr 27 '20 at 16:30
There is no `body` element in the HTML at all. How would you see the background color on something that is not present? — Heretic Monkey, Apr 27 '20 at 16:50
I only showed you the CSS, there is a body element in the html. — Tristan Carey, Apr 27 '20 at 17:00
There's a `` tag there... Please show us a [mre] of the code that reproduces the situation. You can use [Stack Snippets](https://meta.stackoverflow.com/q/358992/215552) to make it runnable here. — Heretic Monkey, Apr 27 '20 at 17:01

score 0 · Answer 1 · answered Apr 27 '20 at 16:22

0

Because your body height is 0, you can set some height for it.

body{
    background-color: black !important;
    height: 10px;
}

<!DOCTYPE html>
<html>
<head>
<title>random</title>
    <link rel="stylesheet" href="randomnezs style.css">
<style>


body{
    background-color: black !important;
    height: 10px;
}
h1 {
    color: red;
}
<style>
</head>
</html>

answered Apr 27 '20 at 16:22

Hien Nguyen

24,551
7
52
62

Hien Nguyen. i tried and it didn't change anything. – Tristan Carey Apr 27 '20 at 16:48

CSS background color not changing

1 Answers1