Question

CSS： -

  #sidebar .sidelink h6{
        margin-left: 10px;
        padding-left: 22px;
        padding-top: 9px;
        color: #f1f1f1;
        font-size: 18px;
        margin-bottom: 10px;
    }

Html： -

<div class="sidelink">
<h6 class="side-title">
             Our Products
</h6>
</div>

当我尝试验证上面的代码时。我收到错误＆＃34; Nest标题正确（H1＆gt; H2＆gt; H3）＆＃34;

如何解决这个问题？

Answer 1

这意味着用h1开始你的标题，然后做h2，h3等。用于等级目的。

顶层的h1标题 h2标题在第二等。

就像缩进列表有级别一样。

应该只是警告，但不是错误。

<h1>top level</h1>
<h2>2nd level</h1>
<h3>3rd level</h3>
<h2>second level again</h2>
<h3>3rd level</h3>
<h6>3rd to 6th should be fine after 2nd</h6>

Answer 2

.sidelink h6{
        margin-left: 10px;
        padding-left: 22px;
        padding-top: 9px;
        color: #f1f1f1;
        font-size: 18px;
        margin-bottom: 10px;
    }

丢失包装器，我在你的例子中没有看到它，你可以在h6上丢失这个类，因为你使用继承来选择它而不是类。

在HTML中正确地嵌套标题（H1> H2> H3）？

2 个答案: