html - 在 html5 中使用 ul li 两次

Question

我在导航中使用 ul li，但也用于制作布告栏。但我想分离 ul li 元素。有没有像 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>

布告栏。

Answer 2

您可以使用仅包含链接的导航标签，而不是导航列表。请记住，如果您关心 IE8，您可能需要添加一些额外的代码。在新项目中，我往往不太在意。