空声明块是否有任何用途？
提问于 2014-09-19 13:12:10
我最近清理了一个混乱的CSS模板，这是别人做的。除其他外，还有许多未使用的类、要合并的重复选择器等。
有一件事我不确定:空声明块。有10-20个选择器，没有任何样式信息附加。
片段1：
/* Thead */
thead th {padding: .5em .4em; text-align: left;}
thead td {}
/* Tbody */
tbody td {padding: .5em .4em;}
tbody th {}
tbody .alt td {}
tbody .alt th {}
/* Tfoot */
tfoot th {}
tfoot td {}片段2：
#extras ul {
list-style: none;
margin: 0;
}
#extras li {}这些空声明有什么用吗？我的猜测是，它们是占位符，以防设计师回来添加一些东西。
如果我完全删除声明，网站看起来“很好”，但理想情况下，我应该有一个直截了当的答案之前，我承诺。
搜索尝试大多出现了关于:empty伪类的讨论。
MDN的CSS参考声明如下，但没有完全回答这个问题：
声明块可能为空，即包含空声明。
我在这里有什么目的吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-09-19 13:36:14
带有空声明块的规则对浏览器没有任何用处。相反，它们会使页面加载速度稍微慢一些。您可以在不更改结果的情况下删除它们。
在使用CSS时，我经常创建空规则，但通常在页面形成时将其删除。有时，即使在发布代码时，仍然存在一些空规则。
在CSS中拥有大约10-20条空规则并不会产生明显的区别。它可能会减慢页面的加载速度几毫秒，因此它本身是无法测量的，但是您应该自然地保持代码尽可能干净。把这里和那里的毫秒加起来。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25942426
复制相关文章
腾讯云开发者
