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() 选择器 :nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。 n 可以是数字、关键词或公式。 提示:请参阅 :nth-last-of-type() 选择器,该选择器选取父元素的第 N 个指定类型的子元素,从最后一个子元素开始计数。 /*选择...
nth-last-child(n+n)nth-last-child(n+n):选择倒数第 n 个之前的元素。 举例:倒数第三个及之前的元素字体设置为粗体,代码如下: 代码语言:javascript 复制 li:nth-last-child(n+3){font-weight:bold;} 上面的几种方法运行效果如下图: nth-last-child(3n)nth-last-child(3n):选择第 3、6、. . . ...
elem:nth-last-child(n)作用同上,不过是从后开始查找。 elem:last-child选中最后一个子元素。 elem:only-child如果elem是父元素下唯一的子元素,则选中之。 elem:nth-of-type(n)选择器匹配属于父元素的 特定类型(必须为标签类型,如 div、p、span) 的第 n 个子元素的每个元素。 elem:first-of-type选中父元...
首先，选择器有几种基本形式，包括选择第一项、第N项和最后一项。使用:first-child可选取列表中的第一个元素，例如：first-child。通过:nth-child(n)可选取列表中的第n个元素，其中n是具体的数字。例如：nth-child(2)选取第二项。利用:last-child可选取列表的最后一个元素，例如：last-child。接...
选择最后一个元素 li:last-child { color: green; } 选择倒数第二个 li:nth-last-child(2){ color: green; } 从这个例子可看出,上面那个例子也有第二种实现方法。 浏览器支持 有趣的是,:first-child 和:last-child被IE 7支持,但是知道IE9才支持剩下的选择器。如果你担心IE,可以使用Selectivizr。
:nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。 n 可以是数字、关键词或公式。 提示:请参阅 :nth-last-of-type() 选择器,该选择器选取父元素的第 N 个指定类型的子元素,从最后一个子元素开始计数。
1.选择前几个元素 【负方向范围】选择第1个到第6个 :nth-child(-n+6) 2.从第几个开始选择 【正方向范围】选择从第6个开始的,直到最后 :nth-child(n+6) 3.两者结合使用,可以限制选择某一个范围 【限制范围】选择第6个到第9个,取两者的交集 ...
如需选择第1个到第6个子元素，使用:nth-child(-n+6)即可实现。更进一步，结合使用可以指定范围，例如选择第6个到第9个子元素，通过:nth-child(n+6):nth-child(-n+9)即可。如果需要选择属于其元素的第N个子元素，不论元素的类型，从最后一个子元素开始计数，可以使用:nth-last-child(n)。若...
nth-last-child(n)用法 :nth-last-child(n) 是一种CSS伪类选择器，它用于选择元素的某个特定的子元素，算是从元素的最后一个子元素开始计数。选择器的参数 "n" 是一个正整数，表示你要选择的子元素的位置，从元素的最后一个子元素开始倒数计数。此选择器匹配的是元素的兄弟节点。这里有一些例子：1. 假设你...