解释:nth-of-type的查找过程也有两步: 1.找出同标记类型下的第n个元素。2.找出匹配selector的元素。 nth-of-type(2)找的是同类型的第2个元素,这里只有一种类型p,因此找到的是<p class="ph">ph2</p>。那么p:nth-of-type(2)这个样式应用成功,因为<p class="ph">ph2</p>匹配seletor “p”。但是.i...
:nth-of-type()选择器是jQuery 1.9新增的选择器,它是遵循CSS 3中结构性伪类选择符 E:nth-of-type(n)实现的。和CSS 3中结构性伪类选择符 E:nth-of-type(n)一样,它选择的是匹配所有父元素下同类型中的第n个同级兄弟元素E。 :nth-of-type()选择器和 :nth-child()选择器很容易混淆,至少我是这么认为的...
nth-child(2)就是要找第二个子元素,也就是<p class="ph">ph2</p> 第二步检查selector是否匹配。<p class="ph">ph2</p>的类型是p,因此上面的第一个样式应用成功;class有一个类型是ph,但第二样式提供的是.info,不匹配。因此应用失败。 p:nth-of-type(2) 和 .info:nth-of-type(2) 有什么不同 ...
用法 nth-of-type selector 说明:选择所有元素的父元素的第 n 个子元素,与具有相同元素名称的兄弟元素相关。 添加的版本:1.9jQuery( ":nth-of-type(index/even/odd/equation)" ) index:要匹配的每个孩子的索引,以1, 字符串even或者odd,或方程(例如::nth-of-type(even),:nth-of-type(4n)) 因为jQuery对...
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-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 和 nth-of-type是CSS的两个伪选择器。要对相同位置或相似做操作的时候非常有用。前者的字面意思是选择第几个子元素,后者的字面意思是选择某类型的第几个元素。 首先来看他们的完整格式。 selector:nth-child(an+b) /* 如 tr:nth-child(3), p:nth-child(2n+1) */ ...
:nth-of-type()选择器是jQuery 1.9新增的选择器,它是遵循CSS 3中结构性伪类选择符 E:nth-of-type(n)实现的。和CSS 3中结构性伪类选择符 E:nth-of-type(n)一样,它选择的是匹配所有父元素下同类型中的第n个同级兄弟元素E。 :nth-of-type()选择器和 :nth-child()选择器很容易混淆,至少我是这么认为的...
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元素,而不是第二...