文章為csslint中文版譯文，點(diǎn)擊原文可查看英文版，如遇到翻譯錯(cuò)誤或錯(cuò)別字啥的，請留言指出~ 譯文內(nèi)容不定期更新~ 返回目錄

面相對象CSS (OOCSS) 要求定義可重用的對象,以確保在站點(diǎn)的任何位置使用時(shí),都有著相同的顯示效果。標(biāo)題元素 (h1 - h6) 應(yīng)當(dāng)作為內(nèi)建對象考慮,使其不管在何處使用均為同樣的顯示效果。因此,每個(gè)標(biāo)題元素,因當(dāng)只被規(guī)則定義一次。多處規(guī)則定義相同的標(biāo)題顯示效果,會使其很難使用,因?yàn)?標(biāo)題樣式會因?yàn)樯舷挛沫h(huán)境不一致而出現(xiàn)不同展示效果。

規(guī)則詳情

規(guī)則 ID:unique-headings

此規(guī)則意在 標(biāo)識出重復(fù)定義標(biāo)題元素的聲明。因此,警告出現(xiàn)在 對同一標(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;
}