在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

您可以使用nav tag而不是導航列表。請記住，如果您關心IE8，則可能需要添加一些額外的代碼。在新項目中，我傾向於不那麼在意。