老师关于那个CSS的hover属性，求教-慕课网

老师关于那个CSS的hover属性，求教

来源：2-3 鼠标浮动效果

qq_曦正_0

2015-08-25 22:15

body{margin:0;padding:0;}
#整体{margin:0 auto;width:95%;}
header{display:block;}
.rightbar{position:fixed;top:20px;right:10px;height:100%;z-index:3;
display:block;border-right:2px solid #F90;padding-top:50px;}
.rightbar li{margin-bottom:25px;position:relative;list-style-type:none;
}
.rightbar li:hover{}
.rightbar li a{display:block;height:30px;line-height:30px;background:#F90;text-decoration:none;text-align:center;color:white;width:50px;margin:10px 0;}
.rightbar li a:hover{background:#FFF;color:#333;}

.hpn{position:absolute;top:80px;right:70px;z-index:6;
opacity:0.1;}
.hpn span{display:block;background:#FFC;}
.rightbar li:hover.hpn{opacity:1;}
.rightbar li:hover span{display:inline-block;z-index:20;}

<body>
<div id="整体">整体
    <header>1</header>
    <header>2</header>
    <div>1</div>
    <div>2</div>
    <div>3</div>
        <ul class="rightbar">
          <li><a href="#">我</a>
            <div class="hpn">
                   <span>hello,friend!</span>      
            </div>
          </li>
          <li><a href="#">学校</a></li>
          <li><a href="#">好友</a></li>
          <li><a href="#">文档</a></li>
          <li><a href="#">消息</a></li>
          <li><a href="#">插件</a></li>
        </ul>      
</div>
</body>

这个是我写的一个代码，根据老师所教的用CSS的hover属性来显示二级菜单，然后就出现了错误，这个是错在哪了？

写回答关注