简单看懂nth-child与nth-of-type区别
1、:nth-child 当前父元素下面的所有的子元素2、:nth-of-type 当前父元素下同类型的子元素举例 01 :【有 指定标签】div p:nth-child(3) 是先选中了div下的第3个子元素,再判断是不是p,若不是,则选择失败(如上图所示, i 没有被选择,无效果)。div p:nth-of-type(3) 是直接选中了div下的第3个 p 子元素(如上图所示)(直接跳过type类型不是p的子元素)。【有 指定标签】简单总结 区别:di...
原创
2021-08-07 08:02:17 ·
628 阅读 ·
0 评论