CSS中菜單選中效果是Web開(kāi)發(fā)中常見(jiàn)的特效之一。通過(guò)為菜單添加active類(lèi)名或:hover偽類(lèi)，我們可以讓菜單項(xiàng)在選中或鼠標(biāo)懸浮時(shí)呈現(xiàn)不同的樣式。

/* 為菜單項(xiàng)添加選中效果 */
nav ul li.active,
nav ul li:hover {
background-color: #333;
color: #fff;
}
/* 菜單項(xiàng)樣式 */
nav ul li {
display: inline-block;
margin-right: 10px;
}
/* 示例html代碼 */

上述代碼示例中，我們?yōu)椴藛雾?xiàng)添加了.active類(lèi)名和:hover偽類(lèi)，分別表示選中狀態(tài)和鼠標(biāo)懸浮狀態(tài)。在這些狀態(tài)下，我們改變了菜單項(xiàng)的背景顏色和文字顏色，讓菜單項(xiàng)呈現(xiàn)出明顯的選中效果。

此外，我們也需要為菜單項(xiàng)設(shè)置合適的樣式，使其基本樣式整齊、簡(jiǎn)單，不會(huì)與選中效果混淆。

在實(shí)際開(kāi)發(fā)中，我們還可以通過(guò)JavaScript等技術(shù)動(dòng)態(tài)地為菜單添加或移除.active類(lèi)名，實(shí)現(xiàn)更加高級(jí)和自適應(yīng)的菜單選中效果。