解決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