文章为csslint中文版译文,点击原文可查看英文版,如遇到翻译错误或错别字啥的,请留言指出~ 译文内容不定期更新~ 返回目录
标题元素(h1
-h6
) 应定义为顶级样式 且 不能在页面其它区域 定义其特定样式。标题样式 应以面向对象的思维来考虑设计,并且 在整个站点中的展示效果应当保持一直。这种方式允许在站点中复用你的样式 从而利于站点的统一展示,健壮代码与维护。举个例子,以下代码为 过度定义标题:
.foo h1 {
font-size: 110%;
}
规则详情
规则 ID: qualified-headings
此规则意在 找出 定义了标题的规则,因此 警告将出现在 样式规则里将 标题元素 作为最后一个选择器。
以下示例 提示警告:
/* qualified heading */
.box h3 {
font-weight: normal;
}
/* qualified heading */
.item:hover h3 {
font-weight: bold;
}
以下示例 不提示警告:
/* Not qualified */
h3 {
font-weight: normal;
}