最近做项目遇到一个奇怪的问题；问题如下：

1、问题介绍

1.1、我们的项目是使用css的预处理器sass编译生成的“*.css”文件；把所有的页面布局、组件、以及动画效果等等生成在同一个css文件里边；
界面在FireFox、google等浏览器下页面显示正常，而在IE浏览器下某些CSS样式没有应用上，注意并不是所有的CSS没有起作用，只是有一部分CSS在IE下没有起作用，这里我们可以排除没有引用JS文件或者引用JS路径不正常的问题了。

1.2、然后通过grunt server吧所有sass编译生成CSS文件；

2、样式代码的导入

页面统一引入一个css文件

2.1、在火狐、谷歌浏览器下访问页面显示正常；效果如下：

2.2、IE浏览器下边不正常；效果如下：

3、代码情况

经过检查浏览器控制台发现css代码没有加载出来
3.1、火狐浏览器下的css代码如下图：

3.2、IE浏览器下的css代码如下图：

在IE浏览器下边根本找不到分页组件相关的代码；

 .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0px;
    float: right;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

但是这部分代码在viewui-min.css文件里边是可以找到的；

看看各位有没有遇到这种问题；给我个解决方案。

谢谢

http://blog.csdn.net/chuyuqing/article/details/37561313/

http://www.cnblogs.com/fromchaos/archive/2011/08/14/2137723.html

文档中只有前31个link或style标记关联的CSS能够应用。
　　从第32个开始，其标记关联的CSS都将失效。IE的官方文档All style tags after the first 30 style tags on an HTML page are not applied in Internet Explorer也提及这个限制，包括在使用.xsl的.xml文件也有这个限制。但是似乎写错了数量。请在IE看：
　　
　　◆ 一个style标记只有前31次@import指令有效应用。
　　　　从第32个@import指令开始忽略。
　　
　　◆ 一个css文件只有前31次@import指令有效应用。
　　　　从第31个@import指令开始忽略。
　　
　　◆ 一个CSS文件的不能超过288kb？
　　　　这个消息来自Internet Explorer CSS File Size Limit。
　　
　　　　IE对CSS的限制在绝大部分情况下是不会遇到的，即使遇到最佳的解决方案也应该是手动或者通过后端程序对CSS文件和响应的标记进行合并，最小化的http请求数是优化页面呈现的第一原则。