请老师检查作业
来源：2-6 编程练习
weixin_慕尼黑0465866
2021-10-19 12:00:27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*样式添加*/
.c1 .para1::after{
content:"★★★★★";
color:orange;
}
.c2 .para1::after{
content:"★★★★";
color:orange;
}
.c3 .para1::after{
content:"★★★★";
color:orange;
}
h1{
color:green;
}
.key-color{
color:#009;
}
a.key-color{
text-decoration:none;
}
</style>
</head>
<body>
<!-- 写出h内容 -->
<h1>大话西游之大圣娶亲的影评</h1>
<a class='key-color'>热门</a>/
<a class='key-color'>最新</a>/
<a class='key-color'>好友</a>
<hr>
<div class='c1'>
<p class="para1 key-color"><a>罗红霉素</a></p>
<span>2010-07-26</span>
<p class="para2">
有人跟我比赛背单词么
</p>
<p class='para3'>阅读：1615<a class='key-color'> 有用</a></p>
<hr>
</div>
<div class='c2'>
<p class="para1 key-color"><a>十七只猫和鱼</a></p>
<span>2006-04-26</span>
<p class="para2">
任何时候任何场合都可以再看一遍的电影
</p>
<p class='para3'>阅读：515<a class='key-color'> 有用</a ></p>
<hr>
</div>
<div class='c3'>
<p class="para1 key-color"><a>暖家男</a></p>
<span>2006-04-22</span>
<p class="para2">
一定有一些电影 永远都不能被超越
</p>
<p class='para3'>阅读：490<a class='key-color'> 有用</a ></p>
<hr>
</div>
</body>
</html>
2回答
-
好帮手慕星星
2021-10-19
同学你好，很抱歉，老师没有仔细看星星的个数。星星个数不同的话将第二个和第三个合并下就好
知道这样的优化方式即可。
0 -
好帮手慕星星
2021-10-19
同学你好，代码实现效果可以。
优化：相同样式的选择器可以合并，减少代码
祝学习愉快！
0h021-10-19
