老师上课讲的是hover必须出现在 link和visited的后边
老师上课讲的是hover必须出现在 link和visited的后边,我这里面没有定义这两个,hover也生效了啊
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS运用</title>
<style type="text/css">
/*补充样式*/
.grey{
background-color: grey;
font-size: 30px;
}
div p{
color: grey;
}
div p span{
color: blue;
}
.green{
color: green;
}
li.green ol{
color: red;
}
li.green ul{
color: orange;
}
/*a:link{
color: purple
}
a:visited{
color: purple
}*/
a:hover{
color: blue;
font-size:50px;
}
</style>
</head>
<body>
<div class="grey">慕课网</div>
<div>
<div>
<p><span>HTML超文本标记语言</span>，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</p>
<p>课程内容</p>
<ul>
<li class="green"><a href="#">html基础标签</a>
<ol>
<li>段落标签</li>
<li>图像和超链接标签</li>
<li>列表标签</li>
</ol>
</li>
<li class="green">>html表格标签</li>
<li class="green">>html表单标签</li>
</ul>
</div>
<div>
<p><span>CSS层叠样式表</span>(Cascading Style Sheets),样式定义如何显示HTML元素。</p>
<p>课程内容</p>
<ul>
<li class="green">><a href="#">CSS基础语法</a></li>
<li class="green">>CSS使用方法
<ol>
<li>行内样式</li>
<li>内部样式</li>
<li>外部样式</li>
</ol>
</li>
<li class="green">>CSS选择器
<ul>
<li>ID选择器</li>
<li>class选择器</li>
<li>标签选择器</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="grey">慕课网 只学有用的</div>
</body>
</html>
正在回答
同学你好，hover必须出现在link和visited后面的意思是为了保证访问过链接后，鼠标移入链接，设置的hover样式可以生效。
单独书写hover样式表示只设置鼠标移入链接的样式，是可以生效的。
鼠标移入链接，只需要改变字体颜色就可以了，建议优化：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星