mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-03-28 05:00:53 -04:00
1.3 KiB
1.3 KiB
id, title, challengeType, videoUrl, forumTopicId, dashedName
| id | title | challengeType | videoUrl | forumTopicId | dashedName |
|---|---|---|---|---|---|
| bad87fee1348bd9aedf08736 | Style das HTML Body Element | 0 | https://scrimba.com/c/cB77PHW | 18313 | style-the-html-body-element |
--description--
Nun lass uns einen neuen Start wagen und sprechen wir mal über CSS-Vererbung.
Jede HTML-Seite hat ein body-Element.
--instructions--
Wir können beweisen, dass das body-Element hier existiert, indem wir ihm eine background-color von schwarz geben.
Wir können dies tun, indem wir das Folgende zu unserem style-Element hinzufügen:
body {
background-color: black;
}
--hints--
Dein body-Element sollte eine background-color mit dem Wert schwarz haben.
assert($('body').css('background-color') === 'rgb(0, 0, 0)');
Deine CSS-Regel sollte ordentlich formatiert sein, sowohl mit einer öffnenden als auch einer schließenden geschwungenen Klammer.
assert(
code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i)
);
Deine CSS-Eigenschaft sollte mit einem Semikolon enden.
assert(
code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i)
);
--seed--
--seed-contents--
<style>
</style>
--solutions--
<style>
body {
background-color: black;
}
</style>