CSS列表嵌套是一種常見的頁面設計技巧，這種技巧可以使得頁面的內容更加清晰有序，讓用戶更加容易閱讀和理解。在該技巧中，我們將一個列表插入到另一個列表的某個列表項中，以達到更好的內容分類和呈現效果。 例如，在HTML中，我們可以使用ul標簽來創建一個無序列表：

<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>

現在，我們希望在列表項2下面插入另一個無序列表。那么我們可以將第二個列表再放在一個li元素內，以嵌套的方式來呈現：

<ul>
<li>List Item 1</li>
<li>
List Item 2
<ul>
<li>Sublist Item 1</li>
<li>Sublist Item 2</li>
<li>Sublist Item 3</li>
</ul>
</li>
<li>List Item 3</li>
</ul>

這樣做之后，我們就得到了一個包含子列表的無序列表。 在CSS中，我們可以為列表項以及嵌套的子列表設置樣式。例如，我們可以為所有列表項添加一個基本樣式：

ul li {
list-style-type: disc;
margin-left: 1em;
}

這樣每個列表項就會以小黑點作為其符號，同時縮進1個em的距離。如果我們還想為子列表添加特定樣式，則可以使用以下代碼：

ul li ul {
list-style-type: square;
margin-left: 1em;
}
ul li ul li {
margin-left: 1em;
}

這樣，子列表就會以小正方形作為其符號，并且也會縮進1個em的距離。我們還為子列表項添加了額外的1em的縮進，以區分它們與父列表的層次。 總之，CSS列表嵌套是一種非常有用的頁面設計技巧，可以使得頁面內容更加清晰有序。通過合理的CSS樣式設置，我們可以使得列表嵌套的效果更加突出，提高用戶閱讀和理解頁面內容的體驗。