xsl 中具有两个级别的导航菜单答案

【问题标题】：navigation menu with two levels in xslxsl 中具有两个级别的导航菜单
【发布时间】：2016-08-16 07:16:41
【问题描述】：

我有一个问题，我正在用 xml 编写一个 html。我曾经使用记事本++编写带有下拉菜单的导航菜单。到目前为止，我正在使用 Oxygen 并且导航菜单不起作用。问题是下拉菜单不可用。其余的都可以。这是我的代码的一部分：

 ul#css3menu1 a {
      width: 100px;
      display : block;
      vertical-align : middle;
      text-align : left;
      text-decoration : none;
      font : bold 14px 50;
      background-color : #FFFFFF;
      text-shadow : 0 0 1px #FFF;
      cursor : pointer;
      padding : 10px;
      background-color : #FFFFFF;
      background-image : #000000;
      color:#000; 
      background-repeat : no-repeat;
      background-position : 0 0;
      font: 14px Courir;
      border-width : 0 0 0 1px;
      border-style : solid;
      border-color : #C0C0C0;
 } 

 ul#css3menu1 ul {
      display : none;
      position : absolute;
      left : 0;
      top : 100%;
      box-shadow : 3.5px 3.5px 5px #000000;
      background-color : #COCOCO;
      border-radius : 6px;
      border-color : #000000;
      padding : 0 10px 10px;
 }  


 ul#css3menu1 li:hover > * {
      display : block;
 }
 <!--normally in this part the second level gets available !?!?!-->

【问题讨论】：

标签： html css xml xslt

【解决方案1】：

它应该与悬停部分的代码一起使用：

 ul#css3menu1 ul:hover {
      display : block;
 }

问题是 ul 是隐藏的，因为 display: none; 属性所以当您将显示更改为阻止子元素时，即 li 和子元素，它不起作用，因为 ul 仍然隐藏。

【讨论】：