CSS是網頁設計的重要組成部分,其內置了多種選擇器用于定位網頁中的元素。而多個選擇器可以組合使用,以實現更精準的定位。
/* 以下是多個選擇器組合的例子 */ 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; }
選擇器之間使用逗號分隔即可組合,這些選擇器的樣式將同時應用于滿足指定條件的元素。
例如,上例中的第一個選擇器會同時選擇具有"article"類名的段落和"content"類名內的段落元素,并對它們應用相同的樣式。而第二個選擇器則可以同時對擁有"id"為"title"的h1元素和"header"類名內的h2元素進行樣式設置。
總之,多個選擇器的組合使用,可以更加精細的定位網頁中的元素,并實現更好的代碼組織效果。
下一篇css多個連續動畫