CSS（層疊樣式表）是一個用于網頁設計的重要工具。它能夠讓設計師更好地控制網頁的布局、字體、顏色等各個方面。在CSS中，嵌套是一種非常實用的技巧。以下是CSS中三個嵌套的例子，以及它們在網頁設計中的應用。

.parent {
background-color: #eee;
padding: 20px;
border: 1px solid #ccc;
}
.parent .child {
font-size: 16px;
color: #333;
}
.parent .child .grandchild {
font-weight: bold;
color: blue;
}

上面的代碼中，我們定義了一個類名為.parent的元素，它包含了兩個子元素.child和.grandchild。.child和.grandchild都繼承了.parent的樣式，并且具有自己的一些樣式屬性。

Home
About
Contact
.nav li {
display: inline-block;
margin-right: 10px;
}
.nav li.active a {
color: blue;
}

在這個例子中，我們在一個無序列表中創建了導航菜單。我們使用了一個類名為.nav的ul元素，并為每個列表項創建了一個li元素。使用CSS，我們將所有的li元素顯示為行內塊，并給它們設置了一個右邊距。.active類被添加到中間的列表項中，在激活狀態時，我們改變了它的鏈接文本顏色。

.button {
background-color: #333;
color: #fff;
padding: 10px;
border-radius: 5px;
text-align: center;
}
.button:hover {
background-color: blue;
}

在這個例子中，我們定義了一個類名為.button的元素，它包含了一些用于按鈕的樣式屬性。當鼠標懸停在按鈕上時，我們使用:hover偽類來改變它的背景色。

通過這些例子，我們可以看到嵌套是CSS中非常重要的一個技巧。使用嵌套，我們可以更好地組織樣式，讓我們的代碼更加易于閱讀和維護。在實際的網頁設計中，嵌套還可以幫助我們實現更復雜的布局和交互效果。