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

選擇關卡