li:nth-child(n+4){color:pink} 7. 选择从第一个到第四个 这里的数字4也是可以根据你的需要替换的。 li:nth-child(-n+4){color:pink} 8.nth-last-child(3) 表示最后三个标签 li:nth-last-child(3){color:pink} 9.nth-last-child(3n) 表示3的倍数3.6.9…… li:nth-last-child(3n){color:pin...
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选择器,在简单白话文中,意味着选择一个元素: 这是个段落元...
nth-last-child(n)用法 :nth-last-child(n) 是一种CSS伪类选择器，它用于选择元素的某个特定的子元素，算是从元素的最后一个子元素开始计数。选择器的参数 "n" 是一个正整数，表示你要选择的子元素的位置，从元素的最后一个子元素开始倒数计数。此选择器匹配的是元素的兄弟节点。这里有一些例子：1. 假设你...
1、first-child first-child表示选择列表中的第一个标签。代码如下: li:first-child{background:#090} 上面的意思是,li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#090} 3、nth-child(3) 表示选择列表中的第3个标签,...
nth-last-child(3n+1)nth-last-child(3n+1):选择第 1、4、7 个元素,从第一个开始每个递增三个。 举例:第1、4、7 . . . 行背景色设置为红色,代码如下: 代码语言:javascript 复制 li:nth-child(3n+1){background:red;} 上面的几种方法运行效果如下图: ...
“:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似,只是这里多了一个“last”,所起的作用和“:nth-child(n)”选择器有所区别,从某父元素的最后一个子元素开始计算,来选择特定的元素。 (五)first-of-type选择器 “:first-of-type”选择器类似于“:first-child”选择器,不同之处...
elt:first-child: 和elt:nth-child(1)一样 elt:last-child: 选择子元素最后一个 elt:nth-last-child(2): 选择子元素中倒数第二个元素 elt:first-of-type: 和elt:nth-of-type(1)一样 elt:last-of-type: 选择子元素某个类型中最后一个 elt:nth-last-of-type(2): 选择子元素某个类型中倒数第二个...
1、first-child first-child表示选择列表中的第一个标签。代码如下: li:first-child{background:#090} 上面的意思是,li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签,代码如下:
:first-child:nth-last-child(1) 选择只有一个元素的第一个元素 —— 即是第一个元素又是从最后一个元素开始数的第一个元素 :first-child:nth-last-child(2) 仅有2个元素的第一个元素 —— 即是第一个元素又是从最后一个元素开始数的第二个元素 ...
V1.9jQuery :nth-last-child 选择器概述 选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个。 因为jQuery的实现:nth-child(n)是严格来自CSS规范,所以n值是“1索引”,也就是说,从1开始计数。对于所有其他选择器表达式,jQuery遵循JavaScript的“0索引”的计数。因此,给定一个单一包含两个, $('...