nth-child(2)

来源:2-32 结构类(其它)

weixin_慕容1436440

2020-12-16 02:06:52

http://img.mukewang.com/climg/5fd8fae2099e913406090556.jpg

div 0-1父元素body的第二个元素是section 为什么里面的  1-1  1-2 1-3不变颜色

在这里输入代码,可通过选择【代码语言】突出显示

写回答

5回答

好帮手慕糖

2020-12-16

同学你好,关于你的问题,回答如下:

1、:nth-child()在匹配下标的时候是不论元素类型的。所以算索引的时候,会将section做第二个,但是div:nth-child(2)前面规定了div, 所以被选中的元素,必须是div。div:nth-child(2)就是选择同一父元素下的下标为2的元素,并且这个元素为div。

2、所以关于同学在回答中说的“不用的时候,别的不同类型计数,虽然计数但是如果类型不同,仍然不变色对吗?就是我提的第一个问题,section虽然排序计数但是不变色。

是的哦,section参与排序,但是跟规定的选择器类型不一样,也是不能选中的,所以样式不生效。

3、同学在回答中写的例子,没有看到p元素的展示,不太能确定效果,老师这里给同学举个例子,同学可以对比理解下:

http://img.mukewang.com/climg/5eb6107f092bf0af02740131.jpg


(1):nth-child()在匹配下标的时候是不论元素类型的。例如,nth-child(1)在寻找计算下标的时候,会把p的其他类型的兄弟元素都算在内。h1下标为1 ,nth-child(1)匹配的就是h1 。

http://img.mukewang.com/climg/5eb6108f09c4bace02340082.jpg


而 :nth-child(1)前面规定了p , p:nth-child(1)选择下标为1的元素,并且这个元素为p 。没有符合的元素,所以没有选择任何元素。

http://img.mukewang.com/climg/5eb6109c0956c8c300770296.jpg


(2)而p:first-of-type,在计算下标的时候,只会从第一个p元素开始,所以不管有没有h1 ,它都会选择第一个p元素。

http://img.mukewang.com/climg/5eb610b3097d9dc900860302.jpg


http://img.mukewang.com/climg/5eb6107f092bf0af02740131.jpg


1、:nth-child()在匹配下标的时候是不论元素类型的。例如,nth-child(1)在寻找计算下标的时候,会把p的其他类型的兄弟元素都算在内。h1下标为1 ,nth-child(1)匹配的就是h1 。

http://img.mukewang.com/climg/5eb6108f09c4bace02340082.jpg


而 :nth-child(1)前面规定了p , p:nth-child(1)选择下标为1的元素,并且这个元素为p 。没有符合的元素,所以没有选择任何元素。

http://img.mukewang.com/climg/5eb6109c0956c8c300770296.jpg


2、而p:first-of-type,在计算下标的时候,只会从第一个p元素开始,所以不管有没有h1 ,它都会选择第一个p元素。

http://img.mukewang.com/climg/5eb610b3097d9dc900860302.jpg


​(3)主要就是:nth-child()是不论元素类型。而:first-of-type是指定的元素类型。

若是还有疑问,可以继续提问哦。

祝学习愉快~

0

weixin_慕容1436440

提问者

2020-12-16

用type指定类型时,别的不同类型不计数。这个理解。

不用的时候,别的不同类型计数,虽然计数但是如果类型不同,仍然不变色对吗?就是我提的第一个问题,section虽然排序计数但是不变色。

所以我的理解,没有指定类型时,元素的父元素的子元素与元素类型不同时仍计数,但是如果数到这里的话 不变色。

指定类型时,元素的父元素的子元素与元素类型不同时不计数,直到数到相同元素和指定顺序变色。

这样子对吗?希望得到解答。可能有一点乱,谢谢老师。

0

weixin_慕容1436440

提问者

2020-12-16

结构类中元素的父元素的子元素必须和元素是同类型的才可以排序吗

比如p的父元素的子元素在按照顺序时  只有遇见p在排序吗不是的空过,还是不空过也计数,只是如果顺序定义的是他不变色而已?

0

weixin_慕容1436440

提问者

2020-12-16

http://img.mukewang.com/climg/5fd8fd2009edc2e605490519.jpghttp://img.mukewang.com/climg/5fd8fd2909fed3d005360430.jpg这个又是什么原因呢

0

weixin_慕容1436440

提问者

2020-12-16

http://img.mukewang.com/climg/5fd8fd2009edc2e605490519.jpghttp://img.mukewang.com/climg/5fd8fd2909fed3d005360430.jpg这个又是什么原因呢

0

0 学习 · 40143 问题

查看课程