有時(shí)候我們需要一種簡(jiǎn)單的方式把相同的格式應(yīng)用到不同的元素上。例如齿风,可能想讓網(wǎng)頁(yè)中的所有標(biāo)題使用相同的顏色和字體顯示。如果分別為每一級(jí)標(biāo)題(h1, h2, h3, h4等)定義樣式,工作量會(huì)很大竹宋,如果日后要修改所有標(biāo)題的顏色,要修改6個(gè)不同的樣式地技。
遇到這種需求時(shí)蜈七,最好使用群組選擇符,把一個(gè)樣式指定給多個(gè)選擇符莫矗。
群組選擇符
群組選擇符由一系列逗號(hào)分開的選擇符組成飒硅。因此,如果想讓所有標(biāo)題都使用相同的顏色作谚,可以編寫如下規(guī)則:
CSS代碼:
h1, h2, h3, h4, h5, h6 {
color: #1574A8;
}
群組選擇符中可以使用任何有效的選擇符(可以多種選擇符混用)三娩。例如,把相同的文字顏色應(yīng)用到<h1>標(biāo)簽妹懒、<p>標(biāo)簽雀监、類為.copyright的標(biāo)簽和ID為#banner的標(biāo)簽上。
CSS代碼:
h1, p, .copyright, #banner {
color: #1574A8;
}
如果網(wǎng)頁(yè)中的多個(gè)元素只要共用部分格式屬性彬伦,可以使用群組選擇符編寫共用的那部分滔悉,再分別為各個(gè)選擇符編寫專屬的屬性。
通用選擇符(星號(hào))
通用選擇符可以理解成超級(jí)群組選擇符单绑。
通用選擇符的作用是選取所有標(biāo)簽回官。
比如最常用的是讓所有元素的margin和padding默認(rèn)為0,可以這樣寫:
CSS代碼:
* {
margin: 0;
padding: 0;
}
通用選擇器不指定任何具體的標(biāo)簽類型搂橙,因此很難預(yù)測(cè)對(duì)使用各種HTML標(biāo)簽的網(wǎng)站有什么影響歉提。
所以通用選擇器里面的樣式不要寫得太過(guò)分,把一些基礎(chǔ)的東西寫在里面就行区转。比如規(guī)定margin苔巨、padding、font-size等废离。
濫用通用選擇符侄泽,很可能會(huì)加大瀏覽器的渲染壓力。
HTML與CSS 目錄:HTML與CSS
下一篇:【CSS選擇符】后代選擇符