为什么是body下倒数第二个p变黄？
来源：2-32 结构类（其它）
慕神4155339
2019-11-13 11:22:31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>结构类参数(n)</title>
<style type="text/css">
p:nth-last-child(3){
background: yellow;
}
/*
p:nth-last-child(n)定义倒数第 N 个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数。
n 可以是数字、关键词或公式。
*/
</style>
</head>
<body>
<div>
<p>这个P是div下的第一个子元素</p>
<p>这个P是div下的第三个子元素</p>
<p>这个P是div下的第四个子元素</p>
<p>这个P是div下的第五个子元素</p>
<p>这个P是div下的第六个子元素</p>
<p>这个P是div下的第七个子元素</p>
<p>这个P是div下的第八个子元素</p><!-- 此时为div下倒数第三个子元素 -->
<p>这个P是div下的第九个子元素</p>
<p>这个P是div下的第十个子元素</p>
</div>
<br />
<p>这个P是body下的第二个子元素</p>
<p>这个P是body下的第三个子元素</p>
<p>这个P是body下的第四个子元素</p>
<p>这个P是body下的第五个子元素</p>
<p>这个P是body下的第六个子元素</p>
<p>这个P是body下的第七个子元素</p>
<p>这个P是body下的第八个子元素</p>
<p>这个P是body下的第九个子元素</p><!-- 此时为body下倒数第三个子元素 -->
<p>这个P是body下的第十个子元素</p>
<p>这个P是body下的第十一个子元素</p>
</body>
</html>写回答
1回答
-
好帮手慕星星
2019-11-13
同学你好，老师这边使用Chrome浏览器测试效果如下：
是body下倒数第三个p元素变黄色的，没有问题，建议重新测试下。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题