CSS 是前端開發中一個非常重要的技術，其中之一就是控制列表的樣式。無序列表（ul）是常見的 HTML 元素之一，但有時候我們需要隱藏它。那么如何使用 CSS 來隱藏無序列表呢？下面就來介紹一下。
首先，我們需要了解一下 CSS 中的 display 屬性。它用于設置元素的顯示方式，包括以下常用的值：
- block：元素將顯示為塊級元素，即在新行上開始，占據父元素全部寬度。
- none：元素將被隱藏，即使在頁面源代碼中仍然存在。
- inline：元素將顯示為行內元素，即在同一行內開始，并在內容的左右添加空白，寬度由內容決定。
- inline-block：元素呈現為行內塊元素，即在同一行內開始，但是可以設置寬度和高度等塊級元素的屬性。
接下來，我們就可以使用 display 屬性來隱藏無序列表了。代碼如下：

ul {
display: none;
}

在上述代碼中，我們通過 CSS 選擇器選中了 ul 元素，然后設置了 display 屬性為 none，這樣就將無序列表隱藏了起來。需要注意的是，此時無序列表的大小以及其他屬性都會被保留，只是看不見了。
當然，在某些情況下，我們可能只是想臨時隱藏無序列表，隨時可以顯示出來。這時候可以使用 JavaScript 來控制 display 屬性的值。代碼如下：

// 隱藏無序列表
document.querySelector('ul').style.display = 'none';
// 顯示無序列表
document.querySelector('ul').style.display = 'block';

以上代碼中，我們首先通過文檔查詢器獲取到了第一個無序列表元素，然后設置了其 display 屬性為 none，從而隱藏了它。當需要顯示出來的時候，我們再將其 display 屬性設置為 block 即可。
以上就是使用 CSS 隱藏無序列表的方法，希望能對你有所幫助。