在html5中使用ul li两次

我在导航中使用ul li，但也用于制作公告板。但是我想把ul-li元素分开。有没有像nav ul li{}和布告栏ul li{}

这样的简单方法，您可以为它们定义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>

...

---

用于布告栏。

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

我想你只是回答了你自己的问题。当然，只要在你的布告栏/nav中添加一个类/id，并将其放在css中即可。类或#id…可以解决这个问题，但我对ul li有一个问题：悬停，我已经试过把导航板和公告板放在它们前面了公告板悬停，聚焦{box shadow:10px 10px 7px rgba（0,0,0,7）；-moz box shadow:10px 10px 7px rgba（0,0,0,7）；-webkit box shadow:10px 10px 7px rgba（0,0,0,7）；-webkit:10px 10px 10px 7px rgba（0,0,0,7）；-webtransform:scale（1.25）-moz-transform:scale（1.25）；-o-transform:scale（1.25）；position:relative；z-index:5；}我有href链接，只是我用ul-li制作了一个布告栏，或者从网上借过来，自己动手做的。问题是他们都是ulli。.nav和.noticeboard的功能非常强大，需要分解hover和child类