CSS 编程挑战 - CSS 晚餐

CSS 晚餐

接下来，您将开始学习CSS选择器的内容！选择器是选择要应用样式的元素的方式。

p {
   margin-bottom: 12px;
}

在这里，'p' 是一个选择器(选择所有的 <p> 元素)并应用边距底部样式。

为了展示，在下面的编辑器中输入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

enter

{
/* CSS 样式写在这里 */
}

/*
输入数字跳到对应关卡。
例如 → 输入 "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

Choose a level