在CSS中，我們經常需要設置多個層之間的樣式。常見的情況包括一個父層和一個子層，或者兩個同級層，這時需要使用CSS的選擇器來選擇對應的層。

/* 設置父層的樣式 */
.parent {
width: 500px;
height: 300px;
background-color: #f2f2f2;
padding: 20px;
}
/* 設置子層的樣式 */
.child {
width: 80%;
height: 80%;
background-color: #fff;
margin: 0 auto;
padding: 20px;
}

在上面的代碼中，我們設置了一個父層和子層，分別用.parent和.child類來表示。父層的樣式設置了寬度、高度、背景色和內邊距等屬性，子層設置了寬度、高度、背景色和外邊距等屬性，同時使用了居中的技巧，讓子層水平居中顯示。

除了使用類選擇器，我們還可以使用CSS的偽類選擇器來選擇對應的層。比如，我們可以使用:hover偽類來設置鼠標懸浮在父層上時顯示子層的樣式。

/* 設置鼠標懸浮在父層上時顯示子層的樣式 */
.parent:hover .child {
display: block;
}

在上面的代碼中，我們使用了子選擇器來選擇父層下的子層，并且使用了:hover偽類來設置鼠標懸浮時的樣式。這樣，當鼠標懸浮在父層上時，子層就會顯示出來。

總之，在CSS中，設置多個層之間的樣式是非常重要的技巧，可以讓我們設計更加精美和復雜的布局。通過選擇器和偽類，我們可以輕松地實現各種樣式效果。