---
id: bad87fee1348bd9aedf08746
title: Inherit Styles from the Body Element
challengeType: 0
videoUrl: ''
localeTitle: Herdar estilos do elemento do corpo
---
## Description
Agora provamos que toda página HTML tem um elemento body
, e que seu elemento body
também pode ser estilizado com CSS. Lembre-se, você pode estilizar seu elemento body
como qualquer outro elemento HTML, e todos os seus outros elementos herdarão os estilos de seu body
.
## Instructions
Primeiro, crie um elemento h1
com o texto Hello World
Então, vamos dar a todos os elementos da sua página a cor green
adicionando color: green;
à declaração de estilo do elemento do seu body
. Finalmente, dê ao seu body
elemento font-family of monospace
adicionando font-family: monospace;
à declaração de estilo do elemento do seu body
.
## Tests
```yml
tests:
- text: Crie um elemento h1
.
testString: 'assert(($("h1").length > 0), "Create an h1
element.");'
- text: Seu elemento h1
deve ter o texto Hello World
.
testString: 'assert(($("h1").length > 0 && $("h1").text().match(/hello world/i)), "Your h1
element should have the text Hello World
.");'
- text: Certifique-se de que seu elemento h1
tenha uma tag de fechamento.
testString: 'assert(code.match(/<\/h1>/g) && code.match(//g).length === code.match(/h1 element has a closing tag.");'
- text: Dê ao seu elemento de body
a propriedade de color
green
.
testString: 'assert(($("body").css("color") === "rgb(0, 128, 0)"), "Give your body
element the color
property of green
.");'
- text: Dê ao seu elemento de body
a propriedade font-family
de monospace
.
testString: 'assert(($("body").css("font-family").match(/monospace/i)), "Give your body
element the font-family
property of monospace
.");'
- text: Seu elemento h1
deve herdar a fonte monospace
de seu elemento body
.
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: Seu elemento h1
deve herdar a cor verde do elemento do body
.
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
```