文章为csslint中文版译文，点击原文可查看英文版，如遇到翻译错误或错别字啥的，请留言指出~ 译文内容不定期更新~ 返回目录
在早先网页开发中,相同的CSS属性出现了两次则毫无疑问是错误的,特别是 如果有两个不同的值,如下:
.mybox {
width: 100px;
width: 120px;
}
任何人看到此处的代码都清楚的知道是错误的。但是,最近呢,复用属性可以用来解决 高低版游览器对CSS属性的支持度情况。举个例子,部分游览器支持RGBA色彩,而其它的则不行,那么 出现以下的示例就显得十分正常合理了:
.mybox {
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
此处重复是很明显的有意为之。开发者想在支持RGBA的游览器上使用其效果,而不支持的游览器则使用传统的纯色。
规则详情
规则 ID: duplicate-properties
此规则 意在找出重复定义的CSS代码。警告将出现在:
- 属性出现两次且为相同的值。
- 属性出现两次且被至少一个其它的属性所隔开。
以下示例将会提示警告:
/* properties with the same value */
.mybox {
border: 1px solid black;
border: 1px solid black;
}
/* properties separated by another property */
.mybox {
border: 1px solid black;
color: green;
border: 1px solid red;
}
以下示例将 不会提示警告:
/* one after another with different values */
.mybox {
border: 1px solid black;
border: 1px solid red;
}
