悬停时让最后一个孩子可见

Question

我正在制作我的导航纯粹的css，但我在徘徊父母时试图让孩子看到，我试过{ opacity: 1; visibility: visible;}但它不会工作。帮助:(

这是我的代码：

http://jsfiddle.net/x5SbW/

Answer 1

您的HTML结构错误 -

你正在使用 -

     <li><a href="#">sub1</a></li>
     <ul class="resub-menu">
        <li><a href="#">resub</a>
        </li>
        <li><a href="#">resub</a>
        </li>
        <li><a href="#">resub</a>
        </li>
     </ul>

但是应该是 -

<li><a href="#">sub1</a>
     <ul class="resub-menu">
        <li><a href="#">resub</a>
        </li>
        <li><a href="#">resub</a>
        </li>
        <li><a href="#">resub</a>
        </li>
     </ul>
</li>

简而言之，您的<ul>位于<li>

之外

http://jsfiddle.net/x5SbW/1/