css - 如何处理空的 CSS 规则？

Question

经过一些代码审查后，我删除了不必要的属性，这导致了空规则。

所以我知道这样的事情:

table.foo
{
}

table.foo td.bar
{
    padding: 5px;
}

现在，关于这个空表规则的最佳行动方案是什么？删除它还是留下它？是否需要声明父元素才能在其上定义子元素？它实际上在没有它的情况下也能正常工作，但也许有一些验证方面的考虑？感谢任何输入。

Answer 1

不，您不需要空规则。

每个规则都是独立的(即，规则的选择器提供了上下文)，因此您不需要 table.foo 的空规则来为 table.foo td.bar.