CSS是網(wǎng)頁設(shè)計(jì)的重要組成部分,其內(nèi)置了多種選擇器用于定位網(wǎng)頁中的元素。而多個(gè)選擇器可以組合使用,以實(shí)現(xiàn)更精準(zhǔn)的定位。
/* 以下是多個(gè)選擇器組合的例子 */ p.article, .content p{ color: #333; font-size: 16px; line-height: 1.5; } h1#title, .header h2{ font-size: 28px; font-weight: bold; text-align: center; } ul >li:first-child, ol >li:first-child{ font-weight: bold; }
選擇器之間使用逗號(hào)分隔即可組合,這些選擇器的樣式將同時(shí)應(yīng)用于滿足指定條件的元素。
例如,上例中的第一個(gè)選擇器會(huì)同時(shí)選擇具有"article"類名的段落和"content"類名內(nèi)的段落元素,并對它們應(yīng)用相同的樣式。而第二個(gè)選擇器則可以同時(shí)對擁有"id"為"title"的h1元素和"header"類名內(nèi)的h2元素進(jìn)行樣式設(shè)置。
總之,多個(gè)選擇器的組合使用,可以更加精細(xì)的定位網(wǎng)頁中的元素,并實(shí)現(xiàn)更好的代碼組織效果。