:nth-of-type :nth-child 说明:.type:nth-child(1)匹配的是type的父元素的子元素中第一个子元素且class是type的h1元素,.type:nth-of-type(1)匹配的是type的父元素的子元素中h1和p元素的第一个class是type的元素,即0和1。 总结: classA:nth-of-type(n) 匹配的是父元素的子元素中,每种类型的元素节点...
:nth-of-type(2)会选择Paragraph 2,因为它是父元素的第二个元素。 选择所有奇数子元素: :nth-child(odd)会选择Paragraph 1、Paragraph 2和Paragraph 3,因为它们分别是第一个、第三个和第五个子元素。 :nth-of-type(odd)会选择Paragraph 1和Paragraph 3,因为它们分别是第一个和第三个元素。 选择所有偶数子...
问如何在博客上使用nth-typeEN我想添加不同的颜色到一个帖子标题，我刚刚发表在博客/博客，我已经尝试使...
nth-of-type选择器主要用于选取特定类型的子元素，且该子元素在同级同类元素中的位置符合指定的规律。例...
因为nth-of-type他是当前元素的兄弟元素的第n个,而nth-child是当前元素的兄弟节点的第n个当前元素,所以p:nth-of-type(4)是第四个p元素,只能是p元素的第四个,即 当前元素:nth-of-type无论中间加入什么元素,都只能是当前元素的第n个,而p:nth-child(4)是取第四个兄弟节点的p元素,所以我们发现第三个p被...
首先我们来试一试nth-of-type的效果: AI检测代码解析 section p:nth-of-type(2){ color: red; } 1. 2. 3. 效果: ok接下来我们来看看nth-type的效果: AI检测代码解析 section p:nth-child(2){ color: red; } 1. 2. 3. 效果: 看到这种结果,大家应该知道他们俩的区别在哪里了吧?
:nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。n可以是一个数字,一个关键字,或者一个公式。提示: 请参阅 :nth-child() 选择器。该选择器匹配父元素中的第n个子元素。Look at the :nth-child()。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。选择器 :nth-of-type() 4.0 ...
nth-of-type(n)的语法,这里假设selector是一个元素p选择器,如此,:nth-of-type(n)可以用于匹配p元素选择器选择到的p元素指向的父元素中第n个类型为p的子元素,而且与p是否是该父元素的第n个子元素无关,比如父元素有3个子元素,分别是p、span和p,那么:nth-of-type(2)选择到的是第二个p元素,而不是第二...
:nth-child(n)与:nth-of-type(n) :nth-child(n)是选择父元素的第n个子元素。 :nth-of-type(n)是选择父元素的第n个同类型的子元素 .read p:nth-child(2) 选择的是父元素.read第2个子元素,且是p元素。(先找第2个,再找是不是p) .read p:nth-of-type(2) 则是选择父元素.read第2个为p的...
因为nth-of-type他是当前元素的兄弟元素的第n个,而nth-child是当前元素的兄弟节点的第n个当前元素,所以p:nth-of-type(4)是第四个p元素,只能是p元素的第四个,即 当前元素:nth-of-type无论中间加入什么元素,都只能是当前元素的第n个,而p:nth-child(4)是取第四个兄弟节点的p元素,所以我们发现第三个p被...