通过编写小测验学习无障碍 - 第 66 步

Chinese 中文 HTML-CSS
1

告诉我们发生了什么：

  • reduce
  • no-preference
@media (feature: value) {
  selector {
    styles
  }
}

将设置 scroll-behavior: smooth 的样式规则放在 @media 规则中，其中媒体功能 prefers-reduced-motion 具有的值为 no-preference。

你目前的代码
@media (prefers-reduced-motion: no-preference) {
selector {
scroll-behavior: smooth;
}
}

警告

挑战的种子代码和/或你的解决方案超过了我们从挑战传送的最大长度。

你需要在此采取额外步骤，以确保你写的代码可以轻松地被阅读。

请复制/粘贴所有在挑战中编辑器所显示的代码。

用你的复制代码替换这两句。
请保留上方的 ``` 行和下方的 ``` 行
因为它们允许你的代码在帖子中被正确格式化。

你的浏览器信息：

用户代理是： Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36 Edg/106.0.1370.47

挑战： 通过编写小测验学习无障碍 - 第 66 步

挑战的链接：

2

您不需要删除 * (the all selector)

@media (prefers-reduced-motion: no-preference) {
 * {
   scroll-behavior: smooth;
 }
}

我希望这是有帮助的。