考虑这个css,它会使form
和mask-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,这将是一个巨大的任务!)