老师 为什么用last-child选不到最后一个p
来源：2-9 编程练习
慕尼黑4757019
2019-04-11 21:10:47
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>我是div元素前面的第一个p</p>
<div>我是div元素</div>
<p>div后面的第一个p</p>
<ul class="demo">
<li>
<a href="#">前端</a>
<ul>
<li><a href="#">jQuery</a></li>
<li><a href="#">JavaScript</a></li>
<li class="visited"><a href="#">html</a></li>
<li><a href="#">css</a></li>
</ul>
</li>
<li>
<a href="#">后端</a>
<ul>
<li><a href="#">PHP</a></li>
<li><a href="#">Java</a></li>
<li><a href="#">SpringBoot</a></li>
<li><a href="#">Python</a></li>
</ul>
</li>
</ul>
<p>最后一个p元素</p>
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<script>
$('div').css('color','orange');
$('div+p').css('color','yellow');
$('.demo>li>a').css('color','red');
$('.demo>li ul li a').css('color','pink');
$('body p:last-child').css('color','green');
</script>
</body>
</html>
1回答
-
好帮手慕糖
2019-04-12
同学你好，这是因为p不是body中的最后一个标签了哦，还有script等标签，建议：可以在head标签中引入，例：
另，这里是要通过div元素的兄弟元素来设置最后一个p为绿色，可以使用兄弟选择器中的~，例：
希望能帮助到你，祝学习愉快！
0
相似问题