1.3 KiB
1.3 KiB
id, title, challengeType, videoUrl, forumTopicId, dashedName
| id | title | challengeType | videoUrl | forumTopicId | dashedName |
|---|---|---|---|---|---|
| bad87fee1348bd9aedf08736 | HTML の Body 要素のスタイルを変更する | 0 | https://scrimba.com/c/cB77PHW | 18313 | style-the-html-body-element |
--description--
ここからは新しく CSS の継承についての話を始めましょう。
すべての HTML ページには body 要素があります。
--instructions--
background-color を黒に設定すれば、ここに body 要素があることが確認できます。
style 要素に以下を追加することでそれができます:
body {
background-color: black;
}
--hints--
body 要素は background-color を黒に設定されている必要があります。
assert($('body').css('background-color') === 'rgb(0, 0, 0)');
CSS ルールは、開始と終了両方の波括弧で適切にフォーマットされている必要があります。
assert(
code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i)
);
CSS ルールはセミコロンで終わる必要があります。
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>