在進行CSS樣式設(shè)計時,我們經(jīng)常需要選擇多個元素來設(shè)置相同的樣式。這時候我們可以使用CSS選擇器中的兩個同時選擇器——逗號選擇器(,)和空格選擇器( )。
/* 逗號選擇器 */ h1, h2, h3 { color: red; } /* 空格選擇器 */ article p { font-size: 16px; }
逗號選擇器以逗號(,)分隔多個選擇器,可以同時選擇多個元素。例如,在上面代碼中,h1、h2、h3三個元素的文字顏色都被設(shè)置為紅色。
空格選擇器則是用來選擇某個元素下的子元素。例如,上面代碼中的article p選擇器,它會選擇article元素下的所有p元素,同時其他位置的p元素不會受到影響。
/* 同時使用逗號選擇器和空格選擇器 */ nav li a, footer p { font-weight: bold; }
同時,我們也可以同時使用逗號選擇器和空格選擇器進行復(fù)雜的多選擇器的組合。例如,上面代碼中就同時匹配了nav元素下所有的li元素中的a元素,以及footer元素下的所有p元素。這些元素都會被設(shè)置為加粗。