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

可供CSS使用的屬性變得越來(lái)越多,那么 在不檢測(cè)屬性名稱是否正確時(shí),我們就很容易將其拼寫錯(cuò)誤。

規(guī)則詳情

規(guī)則 ID: known-properties

此規(guī)則將檢查每個(gè)使用的屬性名稱 以確保其是已知的屬性。支持檢查的屬性 是CSS解析器中的一部分,規(guī)則使用CSS解析器的信息來(lái)驗(yàn)證 屬性 是否為已知。支持檢查的屬性 將隨CSS的開發(fā)完善而需要更新,雖然現(xiàn)在不是最終版,但畢竟是個(gè)避免錯(cuò)誤的 好的開始。此規(guī)則就是在出現(xiàn)拼寫錯(cuò)誤時(shí) 提示警告。

所有游覽器前綴屬性 (以 - 開始) 將被忽略,因?yàn)榍熬Y 會(huì)添加至 游覽器各自版本的屬性上,而這些屬性沒(méi)有一個(gè)參考標(biāo)準(zhǔn)。此規(guī)則將不同于傳統(tǒng)的CSS驗(yàn)證,傳統(tǒng)的CSS驗(yàn)證在 游覽器前綴屬性出現(xiàn)時(shí) 也會(huì)提示警告。

此規(guī)則不僅會(huì)檢查 屬性名稱,也會(huì)檢查屬性 對(duì)應(yīng)的值是否與其匹配。但現(xiàn)在,只能檢查大部分而不是所有的屬性對(duì)應(yīng)的值 的合法性。

以下示例將提示警告:

/* clr isn't a known property */
a {
    clr: red;
}

/* 'foo' isn't a valid color */
a {
    color: foo;
}

以下示例將 不提示警告:

/* -moz- is a vendor prefix, so ignore */
a {
    -moz-foo: bar;
}