Disallow qualified headings (不允许 定义标题)

文章为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;
}