:nth-last-of-type是一个 CSS 伪类选择器,它允许你根据元素在其父元素中的类型以及从最后一个元素开始的位置来选择元素。这个选择器特别有用,当你需要基于元素类型以及它们在父元素中的逆序位置来选择和样式化元素时。 语法如下: element:nth-last-of-type(n) {/* 样式 */} 其中,element是你要选择的元素类...
CSS3 :nth-last-of-type() 选择器 完整CSS选择器参考手册 实例 指定每个p元素匹配同类型中的倒数第2个同级兄弟元素背景色: p:nth-last-of-type(2) { background:#ff0000; } 尝试一下 » 定义和用法 :nth-last-of-type(n)选择器匹配同类型中的倒数
因为jQuery的实现:nth-是严格来自CSS规范,n值是“1-indexed”,也就是说,从1开始计数。 对于所有其他选择器表达式比如:eq() 或 :even ,jQuery遵循JavaScript的“0索引”的计数。因此,给定一个单一包含3个,$('li:nth-last-of-type(1)')选择第3个,也就是最后一个。 这个不寻常的用法...
“:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似,不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时,使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和...
:nth-last-of-type(n) 选择器选取属于其父元素的特定类型的第n个子元素的所有元素,从最后一个子元素开始计数。 提示:请使用:nth-last-child()选择器来选取属于其父元素的不限类型的第n个子元素的所有元素,从最后一个子元素开始计数。 语法 :nth-last-of-type(n|even|odd|formula) ...
:nth-last-of-type()也一样: 同样选择到了最后一个div元素,并不受最后一个p元素的影响。 总结 在以上八个伪类选择器中,:first-child:last-child:nth-child(n):nth-last-child(n)在选择元素时,是按照其所有类型的兄弟元素开始计数,而:first-of-type:last-of-type:nth-of-type(n)nth-last-of-type(n...
nth-last-of-type(n)选择器和“:nth-of-type(n)”选择器是一样的,选择父元素中指定的某种子元素类型,但它的起始方向是从最后一个子元素开始,而且它的使用方法类似于上节中介绍的“:nth-last-child(n)”选择器一样。 nth-last-of-type(n)选择器 ...
介绍一下常用的css3结构伪类选择器,nth-child、nth-last-child 、 nth-of-type、nth-last-of-type、 first-child 、last-child 、first-of-type 、last-of-type、only-child以及only-of-type。结构性伪类选择器的公共特征是允许开发者根据文档结构来指定元素的样式。接下来开始进入正题。
CSS3 last-of-type选择器 “:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。 示例演示 通过“:last-of-type”选择器,将容器“div.wrapper”中最后一个段落元素背景设置为橙色 ...
:nth-last-of-type(n)选择器选择父元素的第n个特定类型的子元素,从最后一个子元素开始计算。 提示: 使用:nth-last-child()选择器,选择父元素的第n个子元素,无论其类型如何,从最后一个子元素开始计算。 语法 :nth-last-of-type(n|even|odd|formula) ...