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 隐藏无序列表的方法，希望能对你有所帮助。