当前位置: 首页 > Web前端 > CSS

CSS3选择器-nth-child和-nth-of-type的区别

时间:2023-03-30 14:00:27 CSS

1.:nth-child1.1解释:nth-??child(n)选择器匹配属于其父元素的第N个子元素,不管元素的类型。n可以是数字、关键字或公式。注意:如果第N个子元素与所选元素类型不同,则该样式将无效!1.2例子

我是第一段

我是第二段

我是第三段

我是第一段

我是第一段文字

我是第二段

二、:nth-of-type2.1说明:nth-??的-type(n)选择器匹配属于特定类型父元素的第N个子元素的每个元素。n可以是数字、关键字或公式。2.2例子

我是第一段

我是第二段

我是第三段

我是第一段

第一段引用

我是第二段

我是第三段

版权声明本博客所有原创文章,作者保留版权。转载必须包含此声明,保持本文完整,并以超链接的形式注明作者及本文原文地址:https://blog.mazey.net/431.html(完)