html - 在 html5 中使用 ul li 两次

Question

我在我的导航栏中使用 ul li，同时也制作了一个布告栏。但我想分开 ul li 元素。有没有简单的方法，比如 nav ul li {} 和 notice board 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>

用于布告栏。