测试你的技能:瀑布

该技能测试的目的是评估你是否理解 在 CSS 中控制继承 的通用属性值。

¥The aim of this skill test is to assess whether you understand universal property values for controlling inheritance in CSS.

注意:你可以在此页面上的交互式编辑器或在线编辑器(例如 CodePenJSFiddleGlitch)中尝试解决方案。

¥Note: You can try solutions in the interactive editors on this page or in an online editor such as CodePen, JSFiddle, or Glitch.

如果你遇到困难,可以通过我们的 沟通渠道 之一与我们联系。

¥If you get stuck, you can reach out to us in one of our communication channels.

任务 1

¥Task 1

在此任务中,我们希望你使用我们在 控制继承 部分中查看的特殊值之一。在新规则中编写一个声明,将背景颜色重置回白色,而不使用实际的颜色值。

¥In this task, we want you to use one of the special values we looked at in the controlling inheritance section. To write a declaration in a new rule that will reset the background color back to white, without using an actual color value.

你的最终结果应如下图所示:

¥Your final result should look like the image below:

Barely visible yellow links on a white background.

尝试更新下面的实时代码以重新创建完成的示例:

¥Try updating the live code below to recreate the finished example:

下载此任务的起点 在你自己的编辑器或在线编辑器中工作。

¥Download the starting point for this task to work in your own editor or in an online editor.

任务 2

¥Task 2

在此任务中,我们希望你利用 级联层的顺序 部分进行更改。编辑现有声明,不触及浅绿色声明,使用级联层顺序使链接变成紫色。

¥In this task, we want you to make your changes by leveraging the order of cascade layers section. Edit an existing declaration, without touching the lightgreen declaration, using the cascade layer order to make the links rebeccapurple.

你的最终结果应如下图所示:

¥Your final result should look like the image below:

Barely visible yellow links on a white background.

尝试更新下面的实时代码以重新创建完成的示例:

¥Try updating the live code below to recreate the finished example:

下载此任务的起点 在你自己的编辑器或在线编辑器中工作。

¥Download the starting point for this task to work in your own editor or in an online editor.