CSS雙重列表是指在一個列表中嵌套了另一個列表。這種列表結構在網頁設計中非常常見，可以用來顯示多級菜單、分類列表等。在使用CSS雙重列表時，我們需要注意以下幾個方面：

/* 設置外層列表的樣式 */
ul {
list-style: none; /* 去掉默認樣式 */
padding: 0;
margin: 0;
}
/* 設置內層列表的樣式 */
ul ul {
display: none; /* 初始狀態隱藏內層列表 */
}
/* 鼠標懸浮在外層列表時顯示內層列表 */
ul li:hover >ul {
display: block;
}
/* 設置列表項的樣式 */
li {
padding: 5px 10px;
background-color: #f5f5f5;
border: 1px solid #ddd;
}
/* 設置內層列表的位置 */
ul ul {
position: absolute;
top: 100%;
left: 0;
}

本文主要介紹CSS雙重列表的實現方式，上面的代碼展示了雙重列表的基本樣式。外層列表使用了無序列表（ul）來顯示每個菜單項，內層列表也是一個無序列表，用來顯示下級菜單。我們將內層列表的display屬性設置為none，這樣初始狀態下，內層列表是隱藏的。

當鼠標懸浮在外層列表的菜單項上時，我們需要將對應的內層列表顯示出來。這里我們使用了hover偽類和子選擇器，只有當鼠標懸浮在li元素上時，才會顯示對應的內層列表。同時，我們使用絕對定位（position: absolute）來設置內層列表的位置：在列表項的下方。

除了上面的基本樣式外，我們還可以通過CSS來實現其他一些效果，比如動態地顯示和隱藏菜單、添加動畫效果等。通過靈活地使用CSS，我們可以打造出美觀、實用的雙重列表。