CSS并列選擇器是指在一個(gè)規(guī)則中同時(shí)使用多個(gè)選擇器,用逗號(hào)分隔開(kāi),可以選擇多個(gè)元素并對(duì)它們應(yīng)用相同的樣式。
選取多個(gè)元素,應(yīng)用相同的樣式: h1, h2, h3 { color: red; }
上面的代碼會(huì)將所有的h1,h2和h3元素的顏色都改為紅色。
選取某個(gè)元素下的多個(gè)元素,應(yīng)用相同的樣式: #content p, #content ul { font-size: 16px; }
上面的代碼會(huì)將在id為content的元素下的所有p和ul元素的字體大小都改為16px。
選取特定class下的多個(gè)元素,應(yīng)用相同的樣式: .container .box1, .container .box2 { border: 1px solid black; }
上面的代碼會(huì)將.container下的box1和box2元素的邊框都設(shè)為1px的黑色實(shí)線。
CSS并列選擇器可以簡(jiǎn)化代碼,提高了代碼的可讀性和維護(hù)性。同時(shí),它也是選擇器中的一種非常常見(jiàn)的使用方式,我們可以根據(jù)實(shí)際需求選擇使用。