嗨,我正在尝试建立一个不同级别的菜单.当我尝试将鼠标悬停在我的li项目上以显示下一级别时,它不起作用.
有人能帮帮我吗？
CSS的代码是:
/********************* RESET ********************/
.menu, .memu ul{
margin:0;
padding: 0;
list-style: none;
}
/********************* MENU ITEMS ********************/
.menu > li {float:left;}
.menu > li.floatr{float:right;}
.menu li{position:relative;}
.menu li > a{display:block;}
/********************* SUB MENU ********************/
.menu ul{
display:none;
position:absolute;
width:125px;
}
.menu li:hover > ul {display:block;}
.menu ul ul{
top:0px;
left:125px;
}
.menu > li.floatr > ul {right:0;}
.menu > li.floatr > ul ul {left:-125px;}
而html是:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Menu</title>
<link rel="stylesheet" href="css/style.css"> …