在CSS嵌套中，有時(shí)候我們需要將一個(gè)類（class）作為另外一個(gè)類的子元素，這就是所謂的嵌套。

.parent {
background-color: gray;
}
.parent .child {
background-color: white;
}

以上面的代碼為例，我們可以看到，.parent和.child之間加了一個(gè)空格，這就表示將子元素.child嵌套在父元素.parent中。在實(shí)際使用中，我們可以通過(guò)這種嵌套的方式來(lái)更加方便地管理頁(yè)面的樣式。

舉個(gè)例子，假設(shè)我們有一個(gè)按鈕，當(dāng)鼠標(biāo)懸停在上面時(shí)，它需要顯示為藍(lán)色，并且有一個(gè)hover特效。那么我們可以這樣寫：

.btn {
color: white;
background-color: red;
padding: 10px;
border-radius: 5px;
}
.btn:hover {
background-color: blue;
}

但是，我們要實(shí)現(xiàn)的需求是，當(dāng)這個(gè)按鈕在一個(gè)容器中時(shí)，它的hover特效需要顯示為黃色。如果沒(méi)有嵌套，我們需要再寫一個(gè)類來(lái)實(shí)現(xiàn)這個(gè)需求，代碼冗余。

所以，我們可以使用類的嵌套來(lái)實(shí)現(xiàn)這樣的需求。

.container .btn {
color: white;
background-color: red;
padding: 10px;
border-radius: 5px;
}
.container .btn:hover {
background-color: yellow;
}

以上代碼中，.container和.btn之間有一個(gè)空格，表示.btn是.container的子元素。這樣，我們就可以在.container中使用.btn，同時(shí)也可以方便地針對(duì).btn進(jìn)行樣式修改。

總之，在CSS嵌套中，類的使用非常方便，可以實(shí)現(xiàn)多層嵌套，并且可以更好地管理樣式。