在CSS中，選擇器是用來匹配HTML元素的規則，可以用來為元素添加樣式或者行為。在實際開發中，我們可能需要針對不同的元素采用不同的選擇器，這就需要用到選擇器疊加。

選擇器疊加指的是在一個CSS規則中使用多個選擇器來匹配元素。疊加選擇器使用逗號分隔多個選擇器，這些選擇器組合在一起會選擇與所有選擇器匹配的元素。

/* 選擇所有p和h1元素 */
p, h1 {
font-size: 20px;
color: #333;
}

在上面的例子中，p和h1元素都被選擇，并應用了font-size和color屬性。這就是選擇器疊加最簡單的應用。

除了基本的疊加選擇器，我們還可以使用后代選擇器、子選擇器、相鄰選擇器、通用選擇器等來創建更復雜的選擇器疊加。

后代選擇器用于選擇元素的后代元素。例如：

/* 選擇div元素下的p元素 */
div p {
font-size: 16px;
color: #666;
}

上面的代碼將選擇所有div元素內的p元素，并應用了font-size和color屬性。

子選擇器用于選擇元素的子元素。例：

/* 選擇ul元素的子元素li */
ul >li {
list-style: none;
margin-left: 1em;
}

上述代碼將選擇ul元素中的所有li元素，但不包括嵌套在li元素內的其他元素。

相鄰選擇器用于選擇緊鄰在另一個元素后面的元素。例：

/* 選擇緊接著h1元素后的p元素 */
h1 + p {
font-size: 18px;
color: #999;
}

上述代碼將選擇與h1元素緊鄰的下一個p元素，并應用font-size和color屬性。

通用選擇器用于選擇頁面上的所有元素。例：

/* 為頁面上所有元素應用樣式 */
* {
margin: 0;
padding: 0;
}

上述代碼將為頁面上的每一個元素都應用margin和padding為0的樣式。

選擇器疊加可以讓我們靈活地選擇元素并為其應用樣式，使得CSS的應用更加高效和簡潔。