(a:hover{color:red;})这条语句为什么放在a:link {font-weight:bold;前面就有用,放在后面就没有

来源:10-3 再加粗一点 - 使用font-weight设置字体粗细

慕先生5537848

2017-06-26 11:42

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>粗体签</title>
<style type="text/css">
p span{font-weight:bold;}

a:hover{color:red;}
a:link {font-weight:bold;
}
</style>
</head>
<body>
    <h1>勇气</h1>
    <p>三年级时,我还是一个<span class="stress">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会<a href="http://www.imooc.com">批评</a>我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    <p>到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
</body>
</html>


写回答 关注

1回答

  • 昵称什么DE
    2017-06-26 12:02:06

    a:link - 普通的、未被访问的链接

    a:visited - 用户已访问的链接

    a:hover - 鼠标指针位于链接的上方

    a:active - 链接被点击的时刻

    当为链接的不同状态设置样式时,请按照以下次序规则:

    a:hover 必须位于 a:link 和 a:visited 之后

    a:active 必须位于 a:hover 之后

    w3c标准

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1228527 学习 · 19002 问题

查看课程

相似问题