对于我的菜单，我要有子子菜单，请转到右侧，但这没用。
即使我放置了显示块，子菜单也不会出现
<body>
<div class="area-x"></div>
<nav class="main-menu" id="accordian">
<div>
<ul>
<li id="menu1">
<h3><i class="fa fa-user fa-2x"></i><span class="nav-
text">Client</span></h3>
<ul>
<li><a href="#" id="menu2">test</a>
<ul>
<li id="menu3">
<a href="#">test1</a>
<a href="#">test1</a>
</li>
</ul>
</li>
<li><a href="#" id="menu2">test</a></li>
</ul>
</li>
</nav>
</body>
.main-menu li:hover>a,nav.main-menu li.active>h3,.dropdown-menu>li>h3:hover,.dropdown-menu>li>h3:focus,.dropdown-menu>.active>h3,.dropdown-menu>.active>h3:hover,.dropdown-menu>.active>h3:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover h3,.dashboard-page nav.dashboard-menu ul li.active h3 {
color:#fff; /* #fff; Couleur des options menu en mode hover ***************/
background-color:red; /* #5fa2db; Couleur de fond des options menu en mode hover ***************/
}
.area {
float: left;
background: #e2e2e2; /* #e2e2e2; Couleur de fond du ***************/
width: 100%;
height: 100%;
}
#accordian ul ul {
display: none;
}
#accordian li.active ul {
display: block;
}
#menu2 {
margin-left: 110px;
color: white;
text-decoration: none;
font-size: 18px;
font-family: 'Titillium Web', sans-serif;
}
#menu1:hover h3 {
color:#fff; /* #fff; Couleur des options menu en mode hover ***************/
background-color:#5fa2db; /* #5fa2db; Couleur de fond des options menu en mode hover ***************/
}
.menu2 a:hover {
color: red;
}
#menu2 ul li{
position: relative;
}
#menu1 ul li:hover > ul{
left: -100px;
top:0px;
}
#menu2 ul li:hover > a{
background: yellow;
cursor: pointer;
}
#menu2:hover #menu3{
display: block;
}
我已经在google上找到了，但没有找到解决方案，它们仅在下拉菜单中，我想在我的“测试”子菜单之后进入右侧，我希望我的“ test1”进入右侧< / p>