解决ie8及以下不支持css3中的:nth-child()选择器问题


方法一:使用毗邻选择器代替(+)

li:nth-child(3)    代替写法:li:first-child+li+li  或者  li+li+li

方法二:使用jQuery中的选择器:nth-child代替,和css3中的使用规则相同

:nth-child(odd)用于匹配奇数子元素

:nth-child(even)用于匹配偶数子元素

:nth-child(n)用于匹配第n个元素

:nth-child(an)用于匹配倍数为a的元素,如3n、5n…

可以是一个公式,如:nth-child(3n+1)匹配第1、第4、第7…个元素

:nth-child(-n+3)匹配前3个元素

:nth-child(-3n+8)匹配第8、第5、第2个元素

关键是判断是否为 IE8 浏览器,然后执行代码,实例:


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM