外部和内部Html表css样式冲突

我在外部css文件中为table、tr、td定义了一个通用css样式，如下所示-

table,tr,td {font: 12px Arial;}

#id table,tr,td{font:11px Arial;}

我在div中有一个具有#id的表，我想为该#id中的表tr和td应用不同的（内联）css样式-

table,tr,td {font: 12px Arial;}

#id table,tr,td{font:11px Arial;}

但是如果我像上面那样为具有#id的div内部的表添加内联css，那么外部的表也会继承内联css，这是我不想要的吗？如何仅对div中的表应用css样式？

或者我想简单地

#id table*

也可以

#id table, #id tr, #id td {
    font:11px Arial;
}