微信訂閱號:rabbit_svip
有時候我們需要一種簡單的方式把相同的格式應(yīng)用到不同的元素上。例如,可能想讓網(wǎng)頁中的所有標(biāo)題使用相同的顏色和字體顯示。如果分別為每一級標(biāo)題(h1, h2, h3, h4等)定義樣式,工作量會很大,如果日后要修改所有標(biāo)題的顏色,要修改6個不同的樣式。
遇到這種需求時,最好使用群組選擇符,把一個樣式指定給多個選擇符。
群組選擇符
群組選擇符由一系列逗號分開的選擇符組成。因此,如果想讓所有標(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)頁中的多個元素只要共用部分格式屬性,可以使用群組選擇符編寫共用的那部分,再分別為各個選擇符編寫專屬的屬性。
通用選擇符(星號)
通用選擇符可以理解成超級群組選擇符。
通用選擇符的作用是選取所有標(biāo)簽。
比如最常用的是讓所有元素的margin和padding默認為0,可以這樣寫:
CSS代碼:
* {
margin: 0;
padding: 0;
}
通用選擇器不指定任何具體的標(biāo)簽類型,因此很難預(yù)測對使用各種HTML標(biāo)簽的網(wǎng)站有什么影響。
所以通用選擇器里面的樣式不要寫得太過分,把一些基礎(chǔ)的東西寫在里面就行。比如規(guī)定margin、padding、font-size等。
濫用通用選擇符,很可能會加大瀏覽器的渲染壓力。
HTML與CSS 目錄:HTML與CSS
下一篇:【CSS選擇符】后代選擇符