hover 不起作用

登录

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>导航条案例2</title>
<style type="text/css">
.box1 {
width: 100%;
height: 45px;
background-color: #459df5;
margin-top: 200px;
}
.box2 {
width: 1000px;
height: 45px;
margin: auto;
min-width: 1000px;
}

.box1 .box2 a {
width: 160px;
height: 45px;
background-color:#459DF5;
text-decoration: none;
display: block;
float: left;
text-align: center;
line-height: 45px;
font-family: "微软雅黑";
font-size: 20px;
color: aliceblue

}
.box1 .box2 a hover{
width: 160px;
height: 45px;
background-color:#114980;
text-decoration: none;
display: block;
float: left;
text-align: center;
line-height: 45px;
font-family: "微软雅黑";
font-size: 20px;
color: aliceblue

}

</style>
</head>

<body leftmargin="0" marginwidth="0">
<div class="box1">
  <div class="box2">
    <a href="https://y.qq.com/">QQ音乐</a>
    <a href="http://music.163.com/">网易云音乐</a>
    <a href="http://www.xiami.com//">虾米音乐</a>
    <a href="http://www.kuwo.cn/">酷我音乐</a>
    <a href="http://music.baidu.com/">百度音乐</a>
    <a href="https://www.taobao.com">音乐商城</a>


  </div>
</div>
</body>
</html>

yuanxi52028 · 发表于 2017-8-17 17:33:51

写法不对 .box1 .box2 a hover

a与hover中间不是空格，是:
.box1 .box2 a:hover

朱文强jude · 发表于 2017-8-19 08:23:37

太感谢了纠结了好久终于解决啦 (*^▽^*)

[提问] hover 不起作用

本帖子中包含更多资源

共2个回复最后回复于 2017-8-19 08:23

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] hover 不起作用

本帖子中包含更多资源

共2个回复 最后回复于 2017-8-19 08:23

共2个回复最后回复于 2017-8-19 08:23