老师，辛苦看下我这样写可以吗？
另外有三个问题：
为什么我这样写：.head .footer{...} 不能实现效果？
为什么当我想实现鼠标滑过链接是字体变蓝，我直接写a:hover{...}不能实现？
为什么我想实现绿色字体部分时，我分别用的ID选择器：#green1 #green2 #green3....{...}这样是不能实现效果？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.head{background: gray;font-size: 30px}
.footer{background: gray;font-size: 30px}
span{color:blue;}
ul li{color:green;}
li a{color:green;}
.red1 li{color:red;}
.red2 li{color:red;font-size:10px;}
.orange li{color:orange;}
#main{background: #f2f2f2;}
.neirong{color:gray;}
ul li a:hover{color:blue;}
</style>
</head>
<body>
<div class="head">慕课网</div>
<div id="main">
<div>
<p><span>HTML超文本标记语言</span>，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</p>
<p class="neirong">课程内容</p>
<ul>
<li><a href="#">html基础标签</a>
<ol class="red1">
<li>段落标签</li>
<li>图像和超链接标签</li>
<li>列表标签</li>
</ol>
</li>
<li>html表格标签</li>
<li>html表单标签</li>
</ul>
</div>
<div>
<p><span>CSS层叠样式表</span>(Cascading Style Sheets),样式定义如何显示HTML元素。</p>
<p class="neirong">课程内容</p>
<ul>
<li><a href="#">CSS基础语法</a></li>
<li>CSS使用方法
<ol class="red2">
<li>行内样式</li>
<li>内部样式</li>
<li>外部样式</li>
</ol>
</li>
<li>CSS选择器
<ul class="orange">
<li>ID选择器</li>
<li>class选择器</li>
<li>标签选择器</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="footer">慕课网 只学有用的</div>
</body>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星