CSS頁面菜單選中是很常見的需求，比如我們在設計一個網站的菜單時，當用戶選擇了一個菜單項后，常常需要用不同的樣式來表示它的選中狀態。 那么如何在CSS中實現菜單選中呢？首先需要知道的是，當我們點擊一個菜單項時，瀏覽器會默認給它添加一個:focus的狀態。因此，我們可以通過為:focus狀態添加樣式來實現菜單選中的效果。 比如，我們可以為選中的菜單項添加一個不同的背景顏色，以表示它的選中狀態。代碼如下：

nav a:hover,
nav a:focus {
background-color: #0099cc;
color: #fff;
}

其中，nav a:hover表示當鼠標懸停在菜單項上時的樣式，而nav a:focus表示當菜單項被選中時的樣式。這段代碼中，我們給選中的菜單項添加了一個藍色的背景色，并將文字顏色設為白色。 除了背景色和文字顏色，我們還可以為選中的菜單項增加其他樣式，比如字體加粗、添加下劃線等。這些樣式的代碼如下：

nav a:hover,
nav a:focus {
background-color: #0099cc;
color: #fff;
font-weight: bold;
text-decoration: underline;
}

這段代碼中，我們通過font-weight: bold;將菜單項的文字加粗，通過text-decoration: underline;為菜單項添加下劃線。 總之，在CSS中實現菜單選中不僅可以讓用戶更方便地找到自己所在位置，也能為網站增加一絲動感和美感。下次設計菜單時，一定要記得為選中狀態添加相應的樣式哦！