yezi-top的博客

原创 :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