選擇器的分組
你(nǐ)可以對選擇(zé)器進行(háng)分(fēn)組(zǔ)，這(zhè)樣(yàng)，被分組的選(xuǎn)擇(zé)器就可以分(fēn)享相同(tóng)的(dí)聲明。用逗號將需要分組的選擇器分(fēn)開。在下(xià)麵的例子(zǐ)中(zhōng)，我們對所(suǒ)有的標題(tí)元素進(jìn)行了分(fēn)組。所有的標題元素(sù)都是綠色的。
h1, h2, h3, h4, h5, h6 {
color:green;
}
繼承(chéng)及(jí)其問(wèn)題
根據 CSS，子(zǐ)元(yuán)素從(cóng)父元素繼承(chéng)屬性。但是(shì)它並不(bù)總(zǒng)是按(àn)此(cǐ)方式工(gōng)作(zuò)。看(kàn)看下(xià)麵這(zhè)條規則：
body{
font-family:Verdana,sans-serif;
}
根據上麵(miàn)這條規則(zé)，站點的 body 元(yuán)素(sù)將(jiāng)使用 Verdana 字(zì)體(tǐ)（假(jiǎ)如(rú)訪問者(zhě)的(dí)係統中(zhōng)存(cún)在該(gāi)字體的話(huà)）。
通(tōng)過 CSS 繼(jì)承，子元(yuán)素(sù)將(jiāng)繼承最(zuì)高級元素(sù)（在(zài)本(běn)例中(zhōng)是 body）所擁有(yǒu)的(dí)屬(shǔ)性（這(zhè)些子元(yuán)素諸如(rú) p, td, ul, ol, ul, li, dl, dt,和 dd）。不需(xū)要另外的規(guī)則，所有 body 的子(zǐ)元素都(dū)應該顯示 Verdana 字體，子(zǐ)元素(sù)的(dí)子(zǐ)元(yuán)素(sù)也(yě)一樣。並且在(zài)大(dà)部分(fēn)的(dí)現(xiàn)代瀏覽(lǎn)器(qì)中(zhōng)，也(yě)確實是這樣的。
但(dàn)是(shì)在(zài)那個(gè)瀏(liú)覽器大戰的血(xiě)腥(xīng)年(nián)代裏，這種情況(kuàng)就(jiù)未必(bì)會發(fā)生，那時候(hòu)對(duì)標準的支(zhī)持(chí)並(bìng)不是(shì)企業的(dí)優先(xiān)選擇。比方說，Netscape 4 就(jiù)不(bù)支(zhī)持(chí)繼承(chéng)，它不僅忽略繼承(chéng)，而且(qiě)也(yě)忽略應用於 body 元素的規(guī)則(zé)。IE/Windows 直到(dào) IE6 還存(cún)在(zài)相關(guān)的(dí)問題(tí)，在表格(gé)內(nèi)的(dí)字(zì)體樣(yàng)式(shì)會被忽略(lüè)。我們(mén)又該如何(hé)是好呢？
關(guān)於(yú)繼承，還(huán)有(yǒu)一個(gè)特別的地(dì)方(fāng)，如果<html>上沒有設(shè)置(zhì)background相關屬(shǔ)性，而(ér)<body>上有(yǒu)設置，則<body>會向上傳(chuán)播(bō)到<html>上(shàng)；
並不是所有屬性都(dū)能(néng)繼承，比如(rú)CSS盒(hé)子模型(xíng)相關(guān)屬性(xìng)就(jiù)是不能(néng)繼(jì)承(chéng)的。
繼承(chéng)是(shì)一個(gè)詛咒嗎(má)？
如果(guǒ)你(nǐ)不希望 "Verdana, sans-serif" 字(zì)體(tǐ)被所(suǒ)有的子元(yuán)素繼承，又該怎麼做(zuò)呢？比方說，你希望段(duàn)落的字(zì)體(tǐ)是(shì) Times。沒問題。創建一(yī)個(gè)針對 p 的(dí)特殊規則，這(zhè)樣它就會(huì)擺(bǎi)脫(tuō)父元(yuán)素的規(guī)則(zé)：
body {
font-family:Verdana,sans-serif;
}
td, ul, ol, ul, li, dl, dt, dd {
font-family:Verdana,sans-serif;
}
p {
font-family:Times,"TimesNewRoman",serif;
}
關於繼承其(qí)實是一個很(hěn)好(hǎo)，很(hěn)強大的(dí)功能，因(yīn)為(wéi)有繼承，我(wǒ)們可以少寫很(hěn)多(duō)code.
轉(zhuǎn)載請(qǐng)保留(liú)原文地址: https://antelcom.cn/show-358.html