CSS错误:应删除过度限定元素的名称

时间:2015-12-09 11:24:25

标签: html css csslint

考虑这个css,它会使formmask-amount类中的所有元素变为粗体:

form .mask-amount {
    font-weight: bold;
}

当然,上述内容不会改变表单之外的mask-amount元素的字体粗细。

This will not be bold <span class="mask-amount">123,456</span>
<form>
   This will be bold <span class="mask-amount">123,456</span>
</form>

代码:http://jsfiddle.net/a9qt8jw7/

然而,当我使用Sonar查看我的CSS时,我收到此错误应删除过度限定元素的名称https://github.com/CSSLint/csslint/wiki/Disallow-overqualified-elements简要描述的错误

  

除非元素,否则不需要编写li.active等选择器   name导致类的行为不同。在大多数情况下,它是安全的   从选择器中删除元素名称,两者都减小了大小   CSS以及提高选择器性能(没有   再次匹配元素。)

我不希望mask-amount类的其他元素变为粗体,因此我不能简单地从css选择器中删除form

我经常使用这种选择器。我想知道改变我的CSS和修复此错误的最佳方法是什么。 (我不能改变我的htmls,这将是一个巨大的任务!)

0 个答案:

没有答案