CSS列表顯示隱藏是網頁設計中常用的一種技術。

在開發網站時，我們通常會將信息放置在列表中。在一些情況下，我們需要隱藏列表的內容直到鼠標懸停在列表項上才顯示出來。

使用CSS可以輕松實現這個效果。

li:hover ul {
display: block;
}

上述代碼中，我們使用了:hover偽類選擇器。當鼠標懸停在列表項上時，我們將ul（列表）顯示出來。

此時你可能會問：li:hover ul是什么意思？

li:hover是指當鼠標懸停在列表項上時，對該元素進行選擇；而ul表示我們要進行操作的元素。

在實際應用中，你還可以添加其他的樣式來使得列表顯示更為出色。比如，在隱藏的列表中添加過渡效果以便在漸顯時更為平滑。

li ul {
display: none;
transition: all 0.3s;
}
li:hover ul {
display: block;
}

上面的代碼中，我們添加了transition屬性，當鼠標懸停在列表項上時，ul元素將以0.3秒的時間漸顯而出。

使用CSS列表顯示隱藏可以讓網站的頁面變得更為動態和富有特色，同時也能為用戶提供更好的瀏覽體驗。