某些选择器的CSS选择器样式排除

Question

我有

<table id="exclude1"><tr><td id="exclude2" height="100%" width="100%">
    <div>123</div><table>......</table> etc
</td></tr></table>

和CSS样式

<style>
#exclude1, #exclude2 {border:0; background:transparent; width:100%; height:100%; margin:auto; padding:0; float:none; position:relative;}
* {border:1px solid red; background:red; width:100px; etc.....}
</style>

问题是，当我设置'display:block'或'display:inline'为'*'选择器是css，那么这种风格也适用于排除的选择器。当我为'exclude'选择器设置'display:block'或'table'，或'table-cell'或任何东西时，这两个元素变得不同(对齐，大小等都被破坏了)。

我能做些什么，使#exclude1和#exclude2不受'*'选择器样式影响?

乌利希期刊指南:

我将#exclude1， #exclude2分隔为:

#exclude1 {border:0; background:transparent; width:100%; height:100%; margin:auto; padding:0; float:none; position:relative; display:table;}
#exclude2 {border:0; background:transparent; width:100%; height:100%; margin:auto; padding:0; float:none; position:relative; display:table-cell; vertical-align:middle;}

，似乎一切都很好，至少现在。谢谢。

Answer 1

将*放在#Exclude1， #Exclude2之前。这就是CSS的工作原理，它们是级联样式表。

如果这些都失败了，在你的属性后面加上一个重要的符号，像这样: