CSS 中的連接符是用來(lái)連接選擇器的符號(hào)，使得選擇器具有更高的優(yōu)先級(jí)，從而實(shí)現(xiàn)更精準(zhǔn)的樣式控制。

/* 選擇所有 div 元素 */
div {
color: red;
}
/* 選擇所有 class 為 "example" 的元素 */
.example {
color: blue;
}
/* 選擇所有同時(shí)擁有 div 元素和 class 為 "example" 的元素 */
div.example {
color: green;
}

在上面的代碼中，第一個(gè)選擇器選擇所有 div 元素，第二個(gè)選擇器選擇所有 class 屬性為 "example" 的元素。而通過(guò)使用連接符 "div.example"，即可選擇同時(shí)擁有 div 元素和 class 為 "example" 的元素，從而具有更高的優(yōu)先級(jí)。

除了連接符 "."，還有 "~" 和 "+" 兩種連接符可供選擇。

/* 選擇所有 class 為 "example" 的元素之后的所有兄弟元素 */
.example ~ p {
color: yellow;
}
/* 選擇所有緊跟在 class 為 "example" 的元素之后的元素 */
.example + p {
font-size: 20px;
}

在上面的代碼中，"~" 連接符選擇了所有 class 屬性為 "example" 的元素之后的所有 p 元素，而 "+" 連接符則選擇了所有緊跟在 class 為 "example" 的元素之后的 p 元素。

連接符在 CSS 中使用非常廣泛，對(duì)于掌握 CSS 的開(kāi)發(fā)者來(lái)說(shuō)，掌握使用連接符是非常重要的。