首页 > 试题广场 >

对于以下 HTML,下列选项中哪一个 CSS 选择器效果与其

[单选题]
对于以下 HTML,下列选项中哪一个 CSS 选择器效果与其他的不同:
<p><span>A</span><span>B</span><span>C</span></p>
  • span:first-child
  • span:nth-child(0)
  • span:nth-child(-n+1)
  • span:nth-last-child(3)
最小值必须从1开始,最小为1
发表于 2018-12-14 11:11:09 回复(0)
不是我的博客,我在网上找的
发表于 2018-12-11 11:04:07 回复(0)

:nth-child(-n+4)选取小于等于4标签

发表于 2019-03-01 21:28:11 回复(2)

结构伪类选择器

E:first-child-选择E元素的父元素的第一个子元素。

E:last-child-选择E元素的父元素的最后一个子元素。

E:root-选择文档的根元素,也就是html元素。

E:nth-child(n)-选择E元素的父元素的第n个子元素,n可以是正整数、计算式或者关键字。

E:nth-last-child(n)-选择E元素的父元素的倒数第n个子元素,n可以是正整数、计算式或者关键字。

E:first-of-type-选择E元素的父元素下第一个E元素。

E:last-of-type-选择E元素的父元素下最后一个E元素。

E:nth-of-type(n)-选择E元素的父元素下第nE元素。

E:nth-last-of-type(n)-选择E元素的父元素下倒数第nE元素。

E:only-child-选择父元素只包含一个子元素,且该子元素匹配E元素。

E:only-of-type-选择父元素只包含一个同类型的子元素,且该子元素匹配E元素。

E:empty-选择没有子元素的元素,而且该元素也不包含任何文本节点。

在上面十二个选择器中,有四个都带有参数n

E:nth-child(n)

E:nth-last-child(n)

E:nth-of-type(n)

E:nth-last-of-type(n)

实际应用中,n可以是整数(123...)、计算式(2n2n+1...)、关键字(evenodd)。但是n最终的结果必须是    大于等于1    的整数。




发表于 2022-01-21 20:33:15 回复(0)
https://developer.mozilla.org/zh-CN/docs/Web/CSS/:nth-child
nth-child括号中表达式(an+b)匹配到的元素集合(n=0,1,2,3...)
n从0开始,但是an+b值大于零才有效
编辑于 2021-01-14 11:04:27 回复(0)
n从0开始,但大于0才有效
发表于 2021-11-07 09:32:18 回复(0)
:nth-child(-n+1)  从负方向开始选择,选取小于等于1的标签
发表于 2022-02-22 12:25:01 回复(0)
nth-child从1开始
发表于 2020-09-07 13:39:56 回复(0)
nth-child(n) -> n > 0
发表于 2022-07-16 11:32:38 回复(0)

:nth-child(n)    ---->选中某个元素,该元素必须是某个父元素下的第n个子元素;

p:nth-child(n)   ---->选中p元素,且该p元素必须是某个父元素下的第n个子元素

注意:n是从1开始的

发表于 2021-10-07 10:02:13 回复(0)
nth-child()括号中的值最小为1
发表于 2020-11-01 16:21:03 回复(0)
: nth-child ( n )指的是选择父元素的第 n 个子元素 n 大于0从1开始
发表于 2022-12-10 18:25:13 回复(0)
括号整体需要大于1,n可以不必大于1,比如2n+1 的n从0开始,2n的n要从1开始
发表于 2022-07-27 10:15:20 回复(0)
E:nth-of-type()选择E的父元素下的第n个E元素
发表于 2022-06-05 23:57:58 回复(0)
最小为1
发表于 2021-11-04 14:51:15 回复(0)
:nth-child(n) 选择器匹配父元素中的第n个子元素,故B选项错误
发表于 2020-09-05 14:35:40 回复(0)