[css3] nth-child 和 nth-of-type区别

都是基于父级下面的元素

nth-child    基于父级下面的第N个元素,如果类型匹配则生效

nth-of-type  基于父级下面的第N个相同类型的元素

odd:奇数

even:偶数

n:变量

example

<a/>
<p/>
<a/>
a:nth-child(2)   不生效
a:nth-of-type(2) 拿到的是第3个a标签元素

 

posted @   coffeemil  阅读(26)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示