在設計網站導航欄時，一級菜單常常是我們矚目的焦點。但有時，我們需要在一級菜單的下面添加二級菜單。然而，二級菜單并不總是需要時時展示的。有些設計上的要求，需要讓用戶點擊一級菜單后，才會再次展示二級菜單。 這時候，我們可以使用 CSS 來隱藏或顯示二級菜單。 下面是一個使用 CSS 隱藏二級菜單的示例：

nav ul ul {
display: none;
}
nav ul li:hover >ul {
display: block;
}

這段代碼的作用是隱藏二級菜單。當用戶鼠標移到一級菜單上時，通過 `:hover` 偽類來顯示二級菜單。 具體來說，`nav ul ul` 表示選中所有在導航條下的二級菜單。這里，我們將其設定為 `display: none`，使其默認被隱藏。 接著，`nav ul li:hover >ul` 表示選中所有鼠標懸停在一級菜單上的二級菜單，并將其設置為 `display: block`，使其顯示出來。 這種技巧可以有效地控制頁面的布局，減少界面上的干擾，提供更好的用戶體驗。但要注意，這種技巧使用并不頻繁，如果每個頁面都需要展示多級菜單，建議將其進行優化，減少額外消耗的資源。