请老师帮忙看一下代码,有哪些可以改进的地方。谢谢。
来源:3-18 编程练习
fanfan_18_tang
2017-09-08 11:11:12
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{font-family:微软雅黑;}
li{font-size:20px;}
body.green ul li{color:green;}
#blue ol li{color:blue;}
</style>
<!-- 补充代码 -->
</head>
<body class="green">
<h2>图书排行榜</h2>
<ul>
<li>三体</li>
<li>盗墓笔记</li>
<li>三生三世十里桃花</li>
</ul>
<h2>游戏排行榜</h2>
<ol type="1" id="blue">
<li>英雄联盟</li>
<li>DOTA</li>
<li>魔兽世界</li>
</ol>
</body>
</html>
1回答
樱桃小胖子
2017-09-08
就本段代码而言,代码简洁,代码实现的很好,但是“游戏排行榜”字体颜色没有编程蓝色哦,观察代码<ol type="1" id="blue">发现,这一句的#blue ol li{color:blue;}选择器的写法不正确,ol的id是blue,因此,正确的额代码是 ol#blue li{color:blue;}其中 ol#blue表示ol的id是blue,或者你可以写#blue li{color:blue;}或者ol li{color:blue;}都可以实现,祝学习愉快!
相似问题