技能测试：选择器

在没有改变 HTML 的情况下，使用 CSS 去完成下面的要求：:

• 使一级标题的字体颜色为蓝色
• 使二级标题有一个蓝色背景且白色文本。
• 使跨距中换行的文本的字体大小为 200%。

尝试更新下面的实时代码，以重现完整的示例：

在没有改变 HTML 的情况下，对本例中内容的外观进行以下更改：

• 让 id 为 special 的元素有一个黄色背景。
• 让使用类 alert 的元素有一个 1px 的灰色边框。
• 如果一个元素使用了 alert 类还有 stop类，让它的背景变为红色。
• 如果一个元素使用 alert 类还有 go类，让它的背景变为绿色。

尝试更新下面的实时代码，以重现完整的示例：

在本例中，尝试在不添加 HTML 的情况下进行以下更改。

• 链接文本的样式：使链接为橘色，被访问后变为绿色，当被 hover 时，移除链接文本的下划线。
• 让容器里的第一个元素的字体大小为:150%，并且让这个元素的第一行是红色的。
• 让表格中每隔一行条带化，分别给它们一个颜色为#333 的背景和一个白色前景。

尝试更新下面的实时代码，以重现完整的示例：

在这个任务中尝试下面这个任务：

• 让任何直接跟随二级标题的段落颜色为红色。
• 移除使用了 list 类的无序列表的子元素前面的圆点，并给他们添加一个 1px 的灰色下边框。

尝试更新下面的实时代码，以重现完整的示例：

在最后一个任务中，使用属性选择器添加 CSS 以执行以下操作：

• 选择带有 title 属性的 <a> 元素，将其边框颜色设置为粉色（border-color: pink）。
• 选择带有 href 属性且属性值中包含 contact 的 <a> 元素，将其边框颜色设置为橙色（border-color: orange）。
• 选择 href 属性值以 https 开头的 <a> 元素，将其边框颜色设置为绿色（border-color: green）。

尝试更新下面的实时代码，以重现完整的示例：

你可以在上面的交互式编辑器中练习示例这些示例。

如果你想得到任务评价，或者遇到了问题需要帮助，请按如下操作进行：

1. 将你的作业上传到可共享的在线编辑器上，比如 CodePen、jsFiddle 或 Glitch。你可以自己编写代码，也可以使用上面给出的初始文件。

2. 在 MDN 论坛的学习板块上发帖以寻求打分或帮助。你的帖子中应包含：

   • 一个简述问题的标题。如“Assessment wanted for Selectors skill test 1”（请使用英文发帖）。
   • 详细描述你的尝试和你预期的网页效果。比如你在哪个位置需要帮助，或者你需要打分评估。
   • 你需要打分或帮助的作业链接（通过上述的在线编辑器上传）。只有让别人看到你的代码，你才能得到更好的帮助。
   • 本题的链接。让别人知道你所问的具体题目。