解决IE8及以下版本不支持CSS3的nth-child()的写法

:nth-child() 选择器用于匹配父元素中处于特定位置的子元素。支持奇数、偶数、具体位置及公式表示的匹配方式。例如 :nth-child(odd) 匹配所有奇数位置的子元素,:nth-child(-n+3) 则匹配前三个子元素。

:nth-child() 选择器的使用方法和 CSS3 的:nth-child()没什么两样,兼容性不必担心。

 

  • :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个元素

转载于:https://www.cnblogs.com/zk666/p/5949285.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值