CSS串聯(lián)選擇器是指使用多個(gè)選擇器組合在一起，從而實(shí)現(xiàn)更加精細(xì)的樣式控制。

/* 例1：同時(shí)作用于p與a標(biāo)簽，類名為“l(fā)ink”的元素 */
p a.link {
color: blue;
}
/* 例2：同時(shí)作用于類型為button的input元素與類名為“primary”的button元素 */
input[type=button], button.primary {
background-color: #007bff;
color: #fff;
}

如例1所示，使用“選擇器1 選擇器2”即可選擇同時(shí)滿足兩種選擇器的元素，其中的空格表示這兩個(gè)選擇器所屬的元素之間的關(guān)系。比如，例1中的“p a.link”表示僅作用于a標(biāo)簽所包含在p標(biāo)簽內(nèi)以及該a標(biāo)簽擁有類名“l(fā)ink”的元素。

在例2中，我們使用了“，”分隔符，表示兩種選擇器具有多組性，二者選擇到的元素都會(huì)受到樣式的影響。

使用CSS串聯(lián)選擇器可以實(shí)現(xiàn)更加精細(xì)的樣式控制，因此有利于編寫符合要求的網(wǎng)頁(yè)布局，提高代碼質(zhì)量。