CSS的覆盖问题

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 22:28 点击:
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的,只是处理方式与标准有所不同。

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • 7大主流B2C首页导航栏设计对比分析
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1