麻烦老师检查，谢谢
来源：2-9 编程练习
qq_慕移动3101913
2020-03-23 15:16:39
<!DOCTYPE html>
<html lang="en">
<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>
/*此处写代码*/
$(document).ready(function () {
// 设置div字体颜色为橙色
$('div').css('color', 'orange');
// 通过div元素的兄弟元素来设置最后一个p为绿色
$('div ~ p').css('color', 'green');
// 通过div找到相邻的p元素设置为黄色
$('div + p').css('color', 'yellow');
// 通过.demo找到“前端”、“后端”并设置为红色
$('.demo > li > a').css('color', 'red');
// 通过.demo找到最里层的分类，并设置为粉色
$('.demo ul li a').css('color', 'pink');
});
</script>
</body>
</html>写回答
1回答
-
同学你好，代码是正确的，继续加油。祝学习愉快~
0
相似问题