网站地图    收藏   

主页 > 前端 > css教程 >

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

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] CSS中,遇到有冲突的样式时,基本上是内联的样式覆盖链接的样式,后定义的样式覆盖先定义的样式。但有时候情况并非如此。在链接的CSS中有这么一项,#content td { padding:0pt;}在内联的...

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的,只是处理方式与标准有所不同。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论