Question

以下代码创建隐藏子菜单的页面。我希望在鼠标悬停时显示出来主菜单的标题，但没有这样做。这是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;
<html xmlns="http://www.w3.org/1999/xhtml">;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<style type="text/css">
    #menu ul > #menu1 ul
  {
   display:none;
 }

#menu ul li a:hover 
          {
           #menu ul > #menu1 ul{display:block;}
          }
</style>
</head>
<body>
<div id="menu">
    <ul>
        <li><a href="#">abc</a>
            <ul>
<div id="menu1">    
                    <ul>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                            <li><a data-href="#">3</a></li>
                    </ul> 
                    </div>
            </ul>
        </li>
    </ul>
</div>
</body>

任何人都可以告诉我，那个代码我哪里出错了？当“abc”悬停时，如何显示子菜单？非常感谢