css 显示三级目录,三级目录不能隐藏

html>

Document

.page{

width:100%;

height:2000px;

}

*{

padding: 0;

margin: 0;

font-family: "microsoft yahei";

}

.nav{

width: 160px;

height: 40px;

background: #666;

position: fixed;

top: 50%;

left:0;

color:#fff;

line-height: 40px;

text-align: center;

margin-top: -82px;

cursor: pointer;

}

.nav_1{

border-bottom: 1px solid #fff;

}

.nav_1_content>div{

height:auto;

width: 160px;

border-bottom: 1px dashed #fff;

background: #666;

}

.nav_1:hover .nav_1_content{

display: block;

}

.nav_1_content{

color:red;

display: none;

position: absolute;

left:160px;

top:0;

}

.nav_3title{

width: 160px;

height: auto;

background: #666;

display: none;

color:violet;

position: absolute;

left:160px;

top:0;

}

.nav_3{

border-bottom: 1px solid #fff;

}

.nav_2:hover .nav_3title{

display:block;

}

一级目录

二级目录

三级目录

三级目录

三级目录

二级目录

2

三级目录

三级目录