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などで開始することを意味します。階層目的のために。

2でトップレベルで

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上のクラスを失うことができます。