nth-child和nth-of-type的区别
的有关信息介绍如下:本文为您简单介绍nth-child和nth-of-type的区别
nth-child:以数字1开头,按顺序查找标签,如果标签为div标签,则更改样式;nth-of-type:以数字1开头,按div标签查找标签。
运行结果如图所示。
在div标签之间插入p标签。
运行结果如图所示。nth-child按顺序查找第4个标签,而第四个标签刚好为div标签,所以更改样式。nth-of-type按div标签查找第4个div标签。
在div标签之间再次插入p标签。
运行结果如图所示。因为第四个标签是p标签,而不是div标签,所以nth-child样式不起作用。
版权声明:文章由 酷酷问答 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kukuwd.com/article/158984.html