关于考试第六题

来源:2-7 层次选择器

bupt_小慕侠

2021-03-16 17:03:20

老师好,请问"p :nth-child(even)",不应该是指的p元素后代的偶数吗?本地测试达不到理想效果,不应该是”div :nth-child(even)“吗?

写回答

1回答

好帮手慕慕子

2021-03-16

同学你好,理解有误,可以参考如下解答:

1、:nth-child(n)表示匹配其父元素下的第n个子元素。

2、p:nth-child(even)表示匹配其父元素(div)下的索引为偶数的元素p,而不是匹配p元素后代的偶数。

3、div:nth-child(even)表示匹配器父元素(body)下的索引为偶数的元素div,并不能匹配p元素,所以无法达到效果。

本题中需要给第一个和第三个p元素设置红色背景,所以需要使用奇数odd来设置。示例:

http://img.mukewang.com/climg/60507aa109849fcb11510743.jpg

祝学习愉快~


0

0 学习 · 6815 问题

查看课程