CSS中的樣式表是被分成多個模塊來處理的，而其中最基本的模塊就是選擇器，它可以選擇 HTML 元素并將規則應用于它們。

不過，當選擇器重疊時會產生什么效果呢？我們來看一個例子：

p {
color: red;
}
p {
font-size: 16px;
}

上面的代碼中，我們定義了兩個 p 元素的樣式，一個設置了字體顏色為紅色，另一個設置了字體大小為16像素。然而，它們兩個同時應用于同一元素時，會有什么效果呢？

答案是：它們兩個都會應用，也就是說，p 元素的文本顏色將變為紅色，同時字體大小也將變為 16 像素。

通過這個例子我們可以看出，CSS 的選擇器按從簡單到復雜的順序來解析，當有多個選擇器涉及同一元素時，樣式表將會按照它們定義的順序依次應用。

在實際開發中，我們可以利用這個原理來制作一些特殊的效果，比如實現懸浮效果，提示框效果等等。只需要利用 CSS 選擇器讓多個樣式重疊在一起，就能制作出各種有趣的效果了。