在CSS中，我們經常需要嵌套多個盒子，以便實現復雜的布局和樣式。使用CSS層疊，我們可以輕松地將多個盒子相互包裹，以創建具有復雜結構的頁面元素。

要嵌套多個盒子，我們可以使用以下語法：

.parent {
/* 父級盒子樣式 */
}
.parent .child {
/* 子級盒子樣式 */
}
.parent .child .grandchild {
/* 孫級盒子樣式 */
}

上面的代碼演示了如何使用CSS選擇器將多個盒子嵌套在一起。每個選擇器的前面都有一個父級選擇器，用于描述要選定的元素的父元素。

父級選擇器和子級選擇器之間用空格分隔，表示要選擇從父級盒子內部的子級盒子。子級盒子的樣式將繼承其父級盒子的樣式。

如果我們想要選擇更多級別的嵌套盒子，只需要繼續添加子級選擇器即可。

.parent {
/* 父級盒子樣式 */
}
.parent .child {
/* 子級盒子樣式 */
}
.parent .child .grandchild {
/* 孫級盒子樣式 */
}
.parent .child .grandchild .great-grandchild {
/* 曾孫級盒子樣式 */
}

總之，使用CSS嵌套，我們可以輕松地創建復雜的頁面元素，并使樣式代碼易于閱讀和管理。