CSS的覆盖问题 - html/css语言栏目:html.css - 自学

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的,只是处理方式与标准有所不同。
返回顶部
跳到底部

Copyright 2011-2024 南京追名网络科技有限公司 苏ICP备2023031119号-6 乌徒帮 All Rights Reserved Powered by Z-BlogPHP Theme By open开发

请先 登录 再评论,若不是会员请先 注册