CSS的覆盖问题

Tags: css html
CSS中,遇到有冲突的样式时,基本上是内联的样式覆盖链接的样式,后定义的样式覆盖先定义的样式。但有时候情况并非如此。
 
在链接的CSS中有这么一项,
#content td {
    padding:0pt;
}
在内联的CSS中是这么定义的:
.topList td {
    padding:0pt 1em;
}
按常理,内联的样式覆盖链接的样式,应该选用padding:0pt 1em;。但实际上,浏览器选用的还是padding:0pt;。把内联的样式改成
table.topList td、#content table.topList td也还是不行。最后,用了!important才解决了问题。也就是写成padding:0pt 1em !important;。本来以为IE不认!important,事实上,很多时候!important对IE确实不起作用,但在这里,却能证实IE还是认识!important的,只是处理方式与标准有所不同。

本文链接:http://www.4byte.cn/learning/38516.html