---
id: bad87fee1348bd9aedf08746
title: Inherit Styles from the Body Element
challengeType: 0
videoUrl: 'https://scrimba.com/c/c9bmdtR'
---
## Description
Now we've proven that every HTML page has a body
element, and that its body
element can also be styled with CSS.
Remember, you can style your body
element just like any other HTML element, and all your other elements will inherit your body
element's styles.
## Instructions
First, create a h1
element with the text Hello World
Then, let's give all elements on your page the color of green
by adding color: green;
to your body
element's style declaration.
Finally, give your body
element the font-family of monospace
by adding font-family: monospace;
to your body
element's style declaration.
## Tests
```yml
tests:
- text: Create an h1
element.
testString: assert(($("h1").length > 0), 'Create an h1
element.');
- text: Your h1
element should have the text Hello World
.
testString: assert(($("h1").length > 0 && $("h1").text().match(/hello world/i)), 'Your h1
element should have the text Hello World
.');
- text: Make sure your h1
element has a closing tag.
testString: assert(code.match(/<\/h1>/g) && code.match(//g).length === code.match(/h1 element has a closing tag.');
- text: Give your body
element the color
property of green
.
testString: assert(($("body").css("color") === "rgb(0, 128, 0)"), 'Give your body
element the color
property of green
.');
- text: Give your body
element the font-family
property of monospace
.
testString: assert(($("body").css("font-family").match(/monospace/i)), 'Give your body
element the font-family
property of monospace
.');
- text: Your h1
element should inherit the font monospace
from your body
element.
testString: assert(($("h1").length > 0 && $("h1").css("font-family").match(/monospace/i)), 'Your h1
element should inherit the font monospace
from your body
element.');
- text: Your h1
element should inherit the color green from your body
element.
testString: assert(($("h1").length > 0 && $("h1").css("color") === "rgb(0, 128, 0)"), 'Your h1
element should inherit the color green from your body
element.');
```
## Challenge Seed
## Solution
```js
// solution required
```