众所周知,CSS3的选择器极其强大,特别是其结构伪类选择器更是特别的优秀,例如“:nth-child”选择器。碍于IE9以下的的浏览器,很多盆朋都不敢尝试使用,以至于无法体会到CSS3选择器的强大功能。值得庆幸的是,jQuery明白这些选择器的使用。那么在IE7-8浏览器下我们可以这样来使用:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://api.skyblueproject.com/pseudoie/pseudo-ie.0.1.min.js"></script> <!--[if lt IE 9]> <script> $(document).pseudoie({url:'style.css'}); </script> <![endif]-->
如果样式文件多,还可以这样使用
<!--[if lt IE 9]> <script> $(document).pseudoie({url:'style1.css'}); $(document).pseudoie({url:'style2.css'}); $(document).pseudoie({url:'style3.css'}); </script> <![endif]-->
希望上面简短的代码能帮大家解决平时的工作问题。如果想了解更多有关于CSS3选择器的使用,请点击: