What to do with empty CSS rules?

Question

After some review of the code, I removed the unnecessary properties that led to the empty rules.

So, I know something like this:

table.foo
{
}

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

Now, what would be the best way to act on this empty table rule? Delete it or leave it? Is there a requirement that a parent declaration can define child elements on them? It really works without it, simple, but maybe there are some validation considerations? Any input is appreciated.

Answer 1

No, you do not need an empty rule.

Each rule in itself (that is, a rule selector provides a context), so you do not need an empty rule for table.footo have a rule for table.foo td.bar.

Answer 2

! Lava Flow - -, , , , , . , !

Answer 3

100% . , , .

CSS (, ) . , , , , , , , , , .

Answer 4

, CSS, , , gotchas.

YUI CSS http://developer.yahoo.com/yui/grids/

Blueprint CSS http://www.blueprintcss.org/

, YUI .

, .

Answer 5

, . CSS. , .

Answer 6

Dust-Me Selectors Firefox - CSS .