CSS Diner勝手翻訳

CSS Diner

これからCSSセレクタを学びます！セレクタは、どの要素にスタイルを適用するかを選ぶためのものです。

p {
   margin-bottom: 12px;
}

ここで「p」はセレクタ（すべての<p>要素を選択）で、margin-bottomスタイルを適用します。

プレイするには、下のエディタにCSSセレクタを入力して、テーブル上の正しいアイテムを選択してください。正解すると次のレベルに進みます。

テーブル上のアイテムにマウスを重ねると、そのHTMLマークアップが表示されます。

右側でセレクタのヘルプが見られます！ →

style.css

CSSエディタ

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

エンター

{
/* ここにスタイルが入ります。 */
}

/*
数字を入力するとレベルをスキップできます。
例 → 「5」でレベル5へ
*/

table.html

HTMLビューア

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

このプロジェクトは以下のレポジトリの勝手日本語翻訳です。翻訳などの問題があれば、こちらまで

オリジナルのレポジトリは： Githubリポジトリです

レベルを選択