鼠标换过特效问题，求大神解答-慕课网

首页课程实战体系课手记专栏慕课教程

鼠标换过特效问题，求大神解答

来源：8-9 伪装者 - 伪类选择器

赚客啦

2016-03-23 17:10

我有个疑问，就是为什么非要在要变化的字体上加入超链接才能看到变换呢。还有就是这个a:hover好像没有指定内容，是不是啊。你们是怎么做的呢？

写回答关注

6回答

mistyrain98

2016-03-23 18:05:59

<style type="text/css">
a{text-decoration:none;}
a:hover{color:red;}
</style>
<body>
<a >连接</a><br>
</body>
一样可以显示颜色呀，伪类选择器，允许给html中不存在的标签设置样式。
鼠标飘过，颜色变化，浏览者就知道鼠标点中了哪儿呀，设置连接，方便解读或打开新的页面

0 0
qq_稀饭豆浆油条_0

2016-03-23 17:24:02

伪标签。可以为不存在的标签（其实是标签的某种状态）设置css效果。hover就是鼠标飘过的意思

0 0
王CC哦NO

2016-03-23 17:23:19

做一个超链接只是为了提醒你这里有特效。。不用超链接也可也达到效果哦（另外你代码中的15行错了，应该是：<a href="http://www.imooc.com">胆小如鼠</a>的小女孩）。比如：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>伪类选择符</title>
<style type="text/css">
a:hover{
font-size:20px;

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

0 0
慕斯卡5018863

2016-03-23 17:21:48

a只是一个标签名字，x:hover，x可以为任何标签名都会产生变化，只不过如果换成其他就没有了链接而已。

0 0
菜鸟_0024

2016-03-23 17:20:19

其实你这里没有反应的原因很简单，你看下你<a>是不是卸载括号外面了 - -

0 0
qq_繁花岁月_0

2016-03-23 17:16:15

不是这样理解的，"a"是一个标签，就和p,hx一样的标签，只是鼠标移动在a标签上的文字产生变化，就像p:hover,h1:hover同样是会变化的

0 0