文章為csslint中文版譯文党窜，點(diǎn)擊原文可查看英文版壳澳，如遇到翻譯錯(cuò)誤或錯(cuò)別字啥的又谋，請(qǐng)留言指出~ 譯文內(nèi)容不定期更新~ 返回目錄
面相對(duì)象CSS (OOCSS) 要求定義可重用的對(duì)象,以確保在站點(diǎn)的任何位置使用時(shí),都有著相同的顯示效果荞胡。標(biāo)題元素 (h1 - h6) 應(yīng)當(dāng)作為內(nèi)建對(duì)象考慮,使其不管在何處使用均為同樣的顯示效果妈踊。因此,每個(gè)標(biāo)題元素,因當(dāng)只被規(guī)則定義一次。多處規(guī)則定義相同的標(biāo)題顯示效果,會(huì)使其很難使用,因?yàn)?標(biāo)題樣式會(huì)因?yàn)樯舷挛沫h(huán)境不一致而出現(xiàn)不同展示效果泪漂。
規(guī)則詳情
規(guī)則 ID:unique-headings
此規(guī)則意在 標(biāo)識(shí)出重復(fù)定義標(biāo)題元素的聲明廊营。因此,警告出現(xiàn)在 對(duì)同一標(biāo)題 定義了多個(gè)規(guī)則時(shí)。
以下示例提示警告:
/* Two rules for h3 */
h3 {
font-weight: normal;
}
.box h3 {
font-weight: bold;
}
以下示例 不提示警告:
/* :hover doesn't count */
h3 {
font-weight: normal;
}
h3:hover {
font-weight: bold;
}
