为什么a.tip:hover span{}和a.tip:hover span:hover{}表现不同
在书里看到这么一端代码:
<!doctype html>
<html>
<head>
<title>自定义工具提示</title>
<style>
a{text-decoratipn:none;
font-weight:bold;
}
a.tip{position:relative;}
a.tip span{display:none;}
a.tip:hover span{font-weight:normal;
display:block;
position:absolute;
top:20px;
left:25px;
width:150px;
padding:3px;
border:1px solid #000;
background:#ddd;
color:#000;
}
</style>
</head>
<body>
<a class="tip" href="#">Palouse<span>Learn more about the Palouse!</span></a>
</body>
</html>
这段代码可以实现鼠标悬停在"Palouse"上出现一个提示框。CSS代码里面的"a.tip:hover span{}"为什么不能换成"a.tip:hover span:hover{}"，难道意思不同么?
1回答
-
慕桂英2348745
span原本的display为none，如何hover呢