CSS Diner

CSS 餐馆

你正在学习关于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

enter

{
/* 样式定义从这里开始. */
}

/*
输入关卡号可以直接跳到对应关卡。
例如 → "5" 跳到第 5 关
*/

table.html

HTML 源码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

由@flukeout创作。

有反馈或者问题？请在Github repo上发表issue。

选择一个关卡