首页 > 代码库 > 在IE中使用CSS3高级选择器
在IE中使用CSS3高级选择器
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="http://www.mamicode.com/DOMAssistantCompressed-2.8.1.js"></script> <script type="text/javascript" src="http://www.mamicode.com/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选择器，但是不可避免的情况是元素会在页面加载完毕的时候“闪现”一下。
在IE中使用CSS3高级选择器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。