CSS中隱藏和顯示元素是非常常見的操作，其中包括列表（ul和ol）。今天我們將學習如何使用CSS來隱藏和顯示UL列表。 首先，我們需要知道如何選擇UL列表。用CSS來選擇一個元素，我們需要知道它的ID或者類名。如果沒有ID或者類名，我們可以使用其標簽名來選擇這個元素。在這種情況下，由于我們想要選擇一個UL列表，我們將使用ul標簽來選擇它。 選中UL列表后，我們可以使用“display”屬性來隱藏或者顯示它。在CSS中，每個元素都有一個默認的“display”屬性。UL列表的默認“display” 屬性是“list-item”，這意味著它將在新行上顯示每一項。 如果我們想徹底隱藏UL列表，我們可以將其“display”屬性設置為“none”。以下是一個示例代碼：

ul {
display: none;
}

該代碼將隱藏所有的UL列表。但是，我們如何用CSS來控制何時顯示它們呢？這里就需要使用到CSS的偽類選擇器了。 我們可以使用: hover選擇器來控制當用戶將鼠標懸停在另一個元素上時顯示UL列表。以下是一個示例代碼：

#trigger:hover ~ ul {
display: block;
}

在這個例子中，我們將列表隱藏在一個ID為“trigger”的元素后面，當鼠標停留在“trigger”上時顯示UL列表?！皛”是CSS中的“后代選擇器”，它允許我們在指定的元素后選擇UL列表。 總結一下，我們可以使用CSS的“display”屬性來隱藏或者顯示UL列表，并使用偽類選擇器來控制何時顯示它們。這里介紹的選擇器只是CSS中的一部分，還有很多其他選擇器可供使用。在設計網站時，使用CSS來隱藏和顯示元素是非常實用的技巧。