老师为什么我这里项目编号没显示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 补充代码 -->
<style type="text/css">
h1 one{color:black;}
ul.two{color:green;}
ul.three{color:blue;}
</style>
</head>
<body>
<h1 >图书排行榜</h1>
<ul class="two" type="disc">
<ol>三体</ol>
<ol>盗墓笔记</ol>
<ol>三生三世十里桃花</ol>
</ul>
<h1>游戏排行榜</h1>
<ul class="three" type="decimal">
<ol>英雄联盟</ol>
<ol>DOTA</ol>
<ol>魔兽世界</ol>
</ul>
</body>
</html>
正在回答 回答被采纳积分+1
同学你好，ul标签中不可以直接嵌套ol标签，ul和ol是两个不同的列表标签，其中ul是无序列表标签，ol是有序列表标签，它们的内部只能直接嵌套li标签，所以在同学的代码中项目编号是不会显示的，建议参考如下代码修改一下：
另外，同学的代码没有按照任务要求设置字体类型以及字体大小，参考代码如下：
祝学习愉快！
-
豆包侠 #1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
bodu{font-family:微软雅黑;}
ul.two li{color:green;}
ol.three li{color:blue;}
</style>
</head>
<body>
<h1>图书排行榜</h1>
<ul class="two" type="disc">
<li>三体</li>
<li>盗墓笔记</li>
<li>三生三世十里桃花</li>
</ul>
<h1>游戏排行榜</h1>
<ol class="three" type="decimal">
<li>英雄联盟</li>
<li>DOTA</li>
<li>魔兽世界</li>
</ol>
</body>
</html>
老师我修改了下 麻烦帮我看下 对不对
2021-04-20 11:52:47
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星