3-24 编程练习
来源：3-24 项目作业
慕移动4506339
2022-10-14 14:59:55
<style>
/* 方法一 */
.red {
color: red
}
.green {
color: green
}
/* 方法二 */
p:nth-child(odd) {
color: red
}
p:nth-child(even) {
color: green
}
</style>
</head>
<body>
<p class="red">我是红色的</p>
<p class="green">我是绿色的</p>
<p class="red">我是红色的</p>
<p class="green">我是绿色的</p>
<p class="red">我是红色的</p>
<p class="green">我是绿色的</p>
</body>老师，请检查，还有其他方法吗？
写回答
1回答
-
好帮手慕久久
2022-10-14
同学你好，代码是对的，还有其他方法，但是思路是一样的，只是换个选择器，比如用如下选择器：
p:nth-child(n) { color: red; } p:nth-child(2n) { color: green; }同学可以看看问答区中，其他人的写法。
祝学习愉快！
0
相似问题