老师，帮忙检查下
来源：3-24 项目作业
梦小小
2021-01-31 23:05:40
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
p:nth-child(odd){color:red;}
p:nth-child(even){color:green;}
</style>
</head>
<body>
<p>我是红色的</p>
<p>我是绿色的</p>
<p>我是红色的</p>
<p>我是绿色的</p>
<p>我是红色的</p>
<p>我是绿色的</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
#color-red{color:red;}
#color-green{color:green;}
</style>
</head>
<body>
<div class="box1">
<p id="color-red">我是红色的</p>
<p id="color-green">我是绿色的</p>
<p id="color-red">我是红色的</p>
<p id="color-green">我是绿色的</p>
<p id="color-red">我是红色的</p>
<p id="color-green">我是绿色的</p>
</div>
</body>
</html>
1回答
-
同学你好，解答如下：
元素的id类名要唯一，同学代码中，多个元素使用了同一个类名，不规范；建议改成类名（类名允许多个元素用同一个类名），如下：
另外，随堂练习中的内容，是老师们为大家准备的扩展型题目，这些题目，要求同学们独立完成并能知道对错。由于该类型题，大多数答案不唯一，所以同学可以在题目下方的讨论区与其他人交流，彼此之间可以互检对错，也可以交流思路，不要过于依赖老师呦~。这些题目的目的就是鼓励大家彼此交流，随堂练习下面就是一个技术论坛，希望大家能学会通过论坛来扩展知识、知道自己的不足，从而养成独立解决问题的能力。
实际开发中，很多问题都需要通过自己找资料、逛论坛来解决，所以老师们就为同学们准备了一个类似的论坛，希望大家能合理的利用并从中有所收益！
祝学习愉快！
0
相似问题