没有代码的CSS块的原因?
问题描述:
我目前正在优化一个网站的代码,开发它的程序员不在这里。没有代码的CSS块的原因?
有一个大约有1000行代码的CSS文件,在这个文件中,有很多花括号内没有代码的块。
例如:
.header{
}
是否有一个原因让这些?还是他们完全没用?
答
它们在最终的应用程序中不起作用,因为它们不以任何方式修改任何HTML元素的CSS属性。最初的开发人员可能会在开发过程中定义这些类时添加它们,但它们最终未在CSS中使用。他们可以安全地删除。 (这可能是因为这些类被用于其他目的,例如选择在JS某些元素,但删除空选择在样式表不会影响。)
答
注释掉或只是删除它,否则,它仍然会尝试匹配这些规则。 (对于每个HTML元素都将通过所有CSS规则进行匹配,尝试和失败。)
答
您可以删除这些空的声明。
答
删除空选择器不会对您的设计造成任何更改,因为它们没有任何与其关联的CSS规则。所以你可以安全地删除它们,如果他们是空的。
答
.header{
}
.header .menu_div{
background : black;
color:white;
}
<div class="header">
<div class="menu_div">Menu Div</div>
</div>
的人谁写了CSS可能已经为.header
孩子给出了层次结构。他/她可能没有向父母提供CSS。
如果它在删除后没有反映出设计,那么您可以将其删除。
当你不使用'.header'时,它是无用的。 – zynkn
100%无用。保存公司额外的字节 - 删除它。 – Stavm
可能由一些类似scss的脚本生成 – Teson