没有代码的CSS块的原因?

问题描述:

我目前正在优化一个网站的代码,开发它的程序员不在这里。没有代码的CSS块的原因?

有一个大约有1000行代码的CSS文件,在这个文件中,有很多花括号内没有代码的块。

例如:

.header{ 
} 

是否有一个原因让这些?还是他们完全没用?

+0

当你不使用'.header'时,它是无用的。 – zynkn

+0

100%无用。保存公司额外的字节 - 删除它。 – Stavm

+2

可能由一些类似scss的脚本生成 – Teson

它们在最终的应用程序中不起作用,因为它们不以任何方式修改任何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。

如果它在删除后没有反映出设计,那么您可以将其删除。