html - html5 で ul li を 2 回使用する

Question

私はナビで ul li を使用していますが、掲示板を作成するためにも使用しています。でもulli要素は分けたい。nav ul li {} や掲示板 ul li{} のような簡単な方法はありますか

Answer 1

どちらにも CSS クラスを定義できます。例えば：

.nav {
  /*some css*/
}


.notice_board {
  /*some css*/
}

次に、それらを目的の HTML 要素にリンクします

<ul class="nav">
 <li>...</li>
 ...
 <li>...</li>
</ul>

ナビゲーション用と

<ul class="notice_board">
 <li>...</li>
 ...
 <li>...</li>
</ul>

掲示板用。