时间戳

首页 > 解决方案 > 我究竟做错了什么？Freecodecamp 产品组合

html - 我究竟做错了什么？Freecodecamp 产品组合

问题描述

我正在做一个 freeCodeCamp 投资组合，但我一直未能通过一项测试：

  1. 此外，导航栏应包含链接 (<a>具有类的元素nav-link。每个具有类的元素都应该有一个main-section。
  <nav id= "navbar">
      <div class="sidebar">
        <header id= "title">JS Documentation</header>
  <a class="nav-link" href="#Introduction">Introduction</a>
  <a class="nav-link" href="#JavaScript_and_Java">JavaScript and Java</a>
  <a class="nav-link" href="#Hello_world">Hello World</a>
  <a class="nav-link" href="#Variables">Variables</a>
  <a  class="nav-link"href="#Declaring_variables">Declaring variables</a>
  <a class="nav-link" href="#Variable_scope">Variable Scope</a>
  <a class="nav-link" href="#Global_variables">Global Variables</a>
  <a class="nav-link" href="#Constants">Constants</a>
  <a class="nav-link" href="#Data_types">Data types</a>
  <a class="nav-link" href="#If...else_statements">If else statements</a>
  <a class="nav-link" href="#Reference">References</a>     
        
</div>
</nav>

https://codepen.io/Sharoze111/pen/wvMNyQw?editors=1010

这是 CodePen 的链接，您可以在链接中运行测试“技术文档页面”（3 个绿色条）。

这与未链接到 ID 的导航链接有关，但我找不到问题。

标签： html

解决方案

测试中更详细的错误消息是：AssertionError: There should be one .nav-link for every element with the class of "main-section", and every .nav-link should be within #navbar : expected 11 to equal 9

如果您仔细观察，您的section元素中只有 9 个具有 class main-section。其中两个错误地main_section作为类。

推荐阅读