今回の課題

.highlight クラスで文字もじを黄色きいろの背景はいけいにしよう！

📖 解説を見る

🏷️ class と id って何なに？

CSSで「この要素ようそだけ」スタイルを変かえたいときに使つかいます。

✏️ class（複数ふくすうに使つかえる）：
<p class="red">赤あかい文字もじ</p>
.red { color: red; }

✏️ id（1つつだけ）：
<p id="main">特別とくべつ</p>
#main { font-size: 24px; }

⚠️ ポイント：
・class は .、id は # をつける
・class は何回なんかいでも使つかえる。id は1ページぺーじに1つだけ

ヒントを見る

.highlight { background-color: yellow; } と書いてみよう！

📄 見本

「答えを見る」を押すと、お手本のプレビューとコードが出ます。

💻 コードエディタ

あなたの出力

🏠 ホームへ

れんしゅうもんだい

☑ 0 / 3 正解レッスンに戻る

全問正解でクエストクリア！

未挑戦

問題 1: #title id を使つかって見出みだしを青あおくしよう！（自由じゆう回答かいとう）

🖼 プレビュー

実行結果

実行できたよ！

もう一度チャレンジ！

未挑戦

問題 2: .big と .red の2つのクラスを作つくって両方りょうほう適用てきようしよう！（class="big red"）（自由じゆう回答かいとう）

🖼 プレビュー

実行結果

実行できたよ！

もう一度チャレンジ！

未挑戦

問題 3: 3つの <div> に別々べつべつのクラスをつけて、違ちがう背景色はいけいしょくにしよう！（自由じゆう回答かいとう）

🖼 プレビュー

実行結果

実行できたよ！

もう一度チャレンジ！

次のクエスト →

クエスト9：classとidを使おう

クエスト9：classとidを使おう

れんしゅうもんだい