:nth-child与:nth-of-type的区别
:nth-child与:nth-of-type的区别
在设计列表的时候,会发现某一个子元素与其他元素在样式上经常会有差异。
如果是单纯的静态页面,可以使用class去控制。也可以在页面渲染结束之后,使用js去控制。若对于兼容性的要求并非那么严格,可以使用css去控制。个人建议使用css控制。
:nth-child(x)
CSS伪类 :nth-child(x) 代表在一群兄弟元素中从上到下第x个元素。
注意,该伪类前的标签是指子元素,而不是父元素,例如li:nth-child(2)是指作为第二个子元素存在的l
原创
2021-02-24 22:04:58 ·
378 阅读 ·
0 评论