请老师帮忙看一下代码,有哪些可以改进的地方。谢谢。

来源: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;}都可以实现,祝学习愉快!

0

0 学习 · 36712 问题

查看课程