关于考试第六题
来源: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来设置。示例:
祝学习愉快~
相似问题