Quantcast
Channel: w3cplus
Viewing all articles
Browse latest Browse all 1557

如何在IE7-8下使用CSS3的伪类选择器

$
0
0

众所周知,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选择器的使用,请点击:

  1. CSS3基本选择器
  2. CSS3属性选择器
  3. CSS3伪类选择器
  4. CSS选择器优化

Viewing all articles
Browse latest Browse all 1557

Trending Articles