老师 我这样代码跟图片是一样 但是总感觉重复代码太多了 有没有更简洁的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h1{
color: green;
}
a{
text-decoration: none;
}
span{
color:#009;
}
.a1::after{
content: '★★★★★';
color:orange;
}
.a2::after{
content: '★★★★';
color:orange;
}
.a3::after{
content: '★★★★';
color:orange;
}
</style>
</head>
<body>
<h1>大话西游之大圣娶亲的影评论</h1>
<a href=""><span>热门</span></a>/
<a href=""><span>最新</span></a>/
<a href=""><span>好友</span></a>
<hr/>
<a class="a1" href=""><span>罗弘霉素</span></a>2010-7-26
<p>有人跟我比赛背台词吗</p>
阅读：1615<a href=""><span>有用</span></a>
<hr/>
<a class="a2" href=""><span>十七只猫和鱼</span></a>2006-4-24
<p>任何时候任何场合都可以在再看一遍的电影</p>
阅读：515<a href=""><span>有用</span></a>
<hr/>
<a class="a3" href=""><span>暖家男</span></a>2006-04-22
<p>一定有一些电影 永远都不能被超越</p>
阅读：490<a href=""><span>有用</span></a>
<hr/>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星