文章為csslint中文版譯文，點(diǎn)擊原文可查看英文版窝趣，如遇到翻譯錯(cuò)誤或錯(cuò)別字啥的，請(qǐng)留言指出~ 譯文內(nèi)容不定期更新~ 返回目錄
游覽器前綴屬性是 各游覽器提供商在標(biāo)準(zhǔn)樣式還未建成時(shí),提供實(shí)驗(yàn)性 新增CSS功能,而創(chuàng)建的哑舒。其允許開發(fā)者和游覽器提供商在之后 新增屬性還未確定定稿時(shí),發(fā)現(xiàn)潛在的缺陷和跨游覽器兼容性問(wèn)題妇拯。標(biāo)準(zhǔn)版屬性通常(但也不總是)與游覽器前綴版,有著相同的名字和語(yǔ)構(gòu),如果有兩種或以上相同的游覽器前綴屬性 語(yǔ)構(gòu)相似,則標(biāo)準(zhǔn)版屬性與其語(yǔ)構(gòu)保持一致洗鸵。
當(dāng)使用游覽器前綴屬性 如-moz-border-radius,你應(yīng)當(dāng)同時(shí)編寫標(biāo)準(zhǔn)屬性,以保障今后的兼容性越锈。標(biāo)準(zhǔn)屬性編寫應(yīng)在 游覽器前綴屬性之后,以確保 標(biāo)準(zhǔn)屬性能被游覽器識(shí)別使用到,如下:
.mybox {
-moz-border-radius: 5px;
border-radius: 5px;
}
將標(biāo)準(zhǔn)屬性放置游覽器前綴屬性之后 是確保一旦標(biāo)準(zhǔn)屬性完全實(shí)行時(shí),你的CSS代碼能正常運(yùn)轉(zhuǎn)的最好方式(接著,你就可找個(gè)喝茶的時(shí)間,把以往的游覽器前綴屬性給刪除)。
規(guī)則詳情
規(guī)則 ID: vendor-prefix
此規(guī)則意在確保 不論何時(shí)使用游覽器前綴屬性時(shí),與其匹配的標(biāo)準(zhǔn)屬性均同時(shí)編碼膘滨。因此,規(guī)則在以下條件時(shí),提示警告:
- 游覽器前綴屬性之后,沒有跟隨與其匹配的標(biāo)準(zhǔn)屬性甘凭。
- 與游覽器前綴屬性匹配的標(biāo)準(zhǔn)屬性,出現(xiàn)在前綴屬性之前。
以下示例 提示警告:
/* missing standard property */
.mybox {
-moz-border-radius: 5px;
}
/* standard property should come after vendor-prefixed property */
.mybox {
border-radius: 5px;
-webkit-border-radius: 5px;
}
以下示例 不提示警告:
/* both vendor-prefix and standard property */
.mybox {
-moz-border-radius: 5px;
border-radius: 5px;
}
