开发者社区> 最美的回忆> 正文

IE浏览器Css选择的优先问题

简介:
+关注继续查看

今天,我要使用一个分页控件。发现,在Chrome下显示完全正常的控件,在IE下面显示得异常肥大。

在使用IE的“开发人员工具”的时候,发现我期待的CSS效果没有显示出来,相反是另外的一个CSS效果。这里贴上两端相关的CSS代码。

复制代码
1 .pagination {
2     
3     border: none;
4     border-radius: 3px;
5     margin-left:30%;
6     -moz-border-radius: 3px;
7     -webkit-border-radius: 3px;
8 }
复制代码
1 .gigantic.pagination {
2     margin: 10px 0;
3     margin-left:20%;
4 
5 }

 

复制代码
      <div class="pagination" style="width:auto;">
        <a href="#" class="first" data-action="first">&laquo;</a>
         <a href="#" class="previous"
            data-action="previous">&lsaquo;</a>
        <input  id="pageNum"  type="text" readonly="readonly" data-max-page="40" />
        <a href="#" class="next" data-action="next">&rsaquo;</a> 
        <a href="#" class="last"
            data-action="last">&raquo;</a>
    </div>
复制代码

虽然我期望显示的是pagination里面的CSS效果。但是不知道为什么IE却显示.gigantic.pagination里面的CSS效果。无奈只好把两个CSS效果改成一样的,这样在IE和Chrome下面就显示正常了。但是这样没有根本地找出问题的症状。

本文转自陈哈哈博客园博客,原文链接http://www.cnblogs.com/kissazi2/archive/2012/09/16/2687879.html如需转载请自行联系原作者

kissazi2

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
淘宝主页+女装会场+详情页(html+css+js)
淘宝主页+女装会场+详情页(html+css+js)
7 0
【HTML+CSS】grid自适应网站布局之服务项目展示
【HTML+CSS】grid自适应网站布局之服务项目展示
20 0
【HTML基础篇003】前端基础之CSS选择器大全
【HTML基础篇003】前端基础之CSS选择器大全
19 0
零基础html5+div+css+js网页开发教程第003期 html代码基本结构
零基础html5+div+css+js网页开发教程第003期 html代码基本结构
14 0
零基础html5+div+css+js网页开发教程#002 html入门
零基础html5+div+css+js网页开发教程#002 html入门
19 0
一个简易电子书html+css
一个简易电子书html+css
15 0
网页前端学习第四次(HTML)——css常用属性、css盒子模型
网页前端学习第四次(HTML)——css常用属性、css盒子模型
30 0
+关注
最美的回忆
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
WEB浏览器中即将发生的安全变化
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多