p:last-child 等同于 p:nth-last-child(1) CSS3 :nth-last-of-type() 选择器 规定属于其父元素的第二个 p 元素的每个 p,从最后一个子元素开始计数: 代码语言:javascript 复制 p:nth-last-of-type(2){background:#ff0000;} 对于:nth-child选择器,在简单白话文中,意味着选择一个元素: 这是个段落元...
选择1~9如下: li:nth-of-type(-n+9) {background:red} 选择9~最后如下: li:nth-of-type(n+9) {background:red} 选择倒数2个如下: li:nth-last-of-type(-n+2) {background:red} nth-child也是同样用法: li:nth-child(-n+9) {background:red} //1~9个 li:nth-child(n+9) {background:...
“:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。 示例演示 通过“:last-of-type”选择器,将容器“div.wrapper”中最后一个段落元素背景设置为橙色 (提示:这个段落不是“div.wrapper”容器的最后一个子元素)。 HTML代码: 我是第一...
:nth-last-of-type是一个 CSS 伪类选择器,它允许你根据元素在其父元素中的类型以及从最后一个元素开始的位置来选择元素。这个选择器特别有用,当你需要基于元素类型以及它们在父元素中的逆序位置来选择和样式化元素时。 语法如下: element:nth-last-of-type(n) {/* 样式 */} 其中,element是你要选择的元素类...
因为jQuery的实现:nth-是严格来自CSS规范,n值是“1-indexed”,也就是说,从1开始计数。 对于所有其他选择器表达式比如:eq() 或 :even ,jQuery遵循JavaScript的“0索引”的计数。因此,给定一个单一包含3个,$('li:nth-last-of-type(1)')选择第3个,也就是最后一个。 这个不寻常的用法...
nth-last-of-type(n)选择器和“:nth-of-type(n)”选择器是一样的,选择父元素中指定的某种子元素类型,但它的起始方向是从最后一个子元素开始,而且它的使用方法类似于上节中介绍的“:nth-last-child(n)”选择器一样。 nth-last-of-type(n)选择器 ...
因为jQuery对:nth-选择器的实现是严格从CSS规范派生的,所以n的值为"1-indexed",表示从1开始计数。对于其他选择器表达式,如.first()或.eq(),jQuery如下JavaScript 的 "0-indexed" 计数。给定一个包含三个的单个,$('li:nth-last-of-type(1)')选择第三个,最后一个。 可以在W3C CSS specification...
elem:last-child选中最后一个子元素。 elem:only-child如果elem是父元素下唯一的子元素,则选中之。 elem:nth-of-type(n)选择器匹配属于父元素的 特定类型(必须为标签类型,如 div、p、span) 的第 n 个子元素的每个元素。 elem:first-of-type选中父元素下第一个elem类型元素。
CSS3 nth-of-type(n)选择器 “:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似,不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时,使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-...
:nth-last-of-type(n) 选择器选取属于其父元素的特定类型的第n个子元素的所有元素,从最后一个子元素开始计数。 提示:请使用:nth-last-child()选择器来选取属于其父元素的不限类型的第n个子元素的所有元素,从最后一个子元素开始计数。 语法 :nth-last-of-type(n|even|odd|formula) ...