在CSS中，樣式的嵌套是一個(gè)重要的概念。嵌套的樣式可以讓我們更方便地選擇和控制不同的元素，同時(shí)也可以讓我們的代碼更加清晰易懂。

CSS樣式可以嵌套多層，每層之間用空格分隔。父元素的樣式可以影響其子元素的樣式，因此樣式嵌套有時(shí)也被稱為“層疊樣式表”。

.parent {
background-color: #f1f1f1;
padding: 20px;
}
.parent .child {
background-color: #ffffff;
padding: 10px;
}
.parent .child p {
font-size: 16px;
color: #333333;
}

在上面的代碼中，我們定義了一個(gè)父元素和兩個(gè)子元素，每個(gè)子元素又包含了一個(gè)段落。

在第一層樣式中，我們定義了父元素的背景顏色和內(nèi)邊距。在第二層樣式中，我們用“parent .child”選擇器定義了子元素的背景顏色和內(nèi)邊距。在第三層樣式中，我們使用“parent .child p”選擇器定義了子元素中段落的字體大小和顏色。

如果我們想要改變第二個(gè)子元素的樣式，只需要在樣式中增加一個(gè)選擇器即可：

.parent .new-child {
background-color: #e0e0e0;
padding: 15px;
}
.parent .new-child p {
font-size: 18px;
color: #444444;
}

在上面的代碼中，我們定義了一個(gè)新的子元素“new-child”，并改變了它的背景顏色和內(nèi)邊距。我們還使用“parent .new-child p”選擇器改變了子元素中段落的字體大小和顏色。

使用CSS樣式的嵌套可以讓我們更加靈活地控制元素的樣式，同時(shí)也讓我們的代碼更加優(yōu)雅和易于維護(hù)。