在HTML中正確嵌套標題（H1> H2> H3）？

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> 

當我試圖驗證上面的代碼。我得到一個錯誤「巢標題正確（H1> H2> H3）」

如何解決這個問題？

Answer 1

這意味着用h1開始你的標題，然後做h2，h3等。爲了層次目的。在頂層 H2頭

H1頭在第二等

像一個縮進列表中有水平。

應該只是一個警告，雖然不是一個錯誤。

<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失去類。