在IE中使用CSS3高级选择器
浏览数：38 /
时间：2015年06月09日
CSS3高级选择器确实很强大，可以显著简化html代码，大幅提升CSS的可读性。IE9以下的IE浏览器是不支持CSS3高级选择器，但是有额外的方法可以使IE6-IE8浏览器也能使用CSS高级选择器。
需要先下载两个文件：
domassistant.js http://www.domassistant.com/
selectivizr.js http://selectivizr.com/
使用方法：
在head标签之间或者body标签之后导入这两个文件就可以了
<!--[if IE]>
<script type="text/javascript" src="DOMAssistantCompressed-2.8.1.js"></script>
<script type="text/javascript" src="selectivizr-min.js"></script>
<![endif]-->
PS:
网页中使用的类库不一样，selectivizr.js支持的CSS3高级选择器也不一样。
如果使用的是jQuery，那么selectivizr只支持 :nth-child，:first-child，:last-child，:only-child；
如果使用的是DOMAssistant，除了:empty以外，其他的选择器都可以被支持。
样式表必须通过<link>标签引入。页面级的样式表或者内联的样式表将无效。不过你可以在外部样式文件中使用@import 导入其它样式文件；
样式表文件必须和页面放在同一个域名下面，使用file://路径的样式导入的样式表将不起作用；
该仿真方法不是动态的，样式被应用之后再改变DOM，将会无效。
使用此种方法强制IE6-IE8浏览器支持CSS3选择器，但是不可避免的情况是元素会在页面加载完毕的时候“闪现”一下。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
