通过建立营养标签来学习排版 - Step 4

Chinese 中文 HTML-CSS
1

告诉我们发生了什么：
为什么一直提示我需要两个自闭合的link标签，我的代码到底哪里错了？我尝试改变两个link标签位置，在link标签末尾添加/，更换edge浏览器也未能解决问题

你目前的代码

<!-- file: index.html -->

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <link rel="stylesheet"  href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" >
  <link rel="stylesheet" href="./styles.css">
  <title>Nutrition Label</title>

</head>

<body>
  <h1>Nutrition Facts</h1>
  <p>8 servings per container</p>
  <p>Serving size 2/3 cup (55g)</p>
</body>
</html>

<!-- User Editable Region -->


/* file: styles.css */

你的浏览器信息：

用户代理是： Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/112.0

挑战： 通过建立营养标签来学习排版 - Step 4

挑战的链接：

2

好吧，我发现问题所在了。我尝试下载了新的edge dev浏览器，发现可以通过，随后我排查了我的浏览器拓展，发现 DuckDuckGo这个拓展会导致无法识别两个link标签 :persevere:
除了隐私模式外还有什么办法可以指定在特定网页关闭拓展吗？有很多拓展没有排除指定网站的选项 :face_with_diagonal_mouth:

3

看起来这是一个好问题。你说的浏览器拓展是指 Edge 的扩展吗？你可以发截图更清楚描述一下这个问题吗？我不了解这个扩展，也许其他同学了解。

4

是的，就是浏览器的拓展插件，例如沙拉查词，网页截图，网页翻译等拓展插件，这次发现问题的插件是DuckDuckGo，这是我用来替代谷歌搜索的。有的拓展可以排除指定网页例如tampermonkey插件可以设定黑名单页面来解决这种问题，但是现在无论是firefox还是edge我都没有找到直接设定任意拓展在指定网页生效或屏蔽的方法，只有使用隐私模式屏蔽所有拓展。

1 Like