html - 设计第四级菜单项不起作用

Question

我不明白为什么第四层不是样式。有人可以帮忙做这个 CSS 意大利面条吗？

Fiddler: Menu Demo

Answer 1

您对此有一些疑问。对于初学者，我强烈建议您清理 CSS 并验证 HTML。

这在您的 CSS 中无效，这是问题的一部分。

.nav ul li li li:hover a {
background:#00999b url(img/arrow_over.gif) no-repeat 95% 9px !important; 
} 

并且此 HTML 无效:您在其他标签内有未关闭的标签。

<ul>
            <li class="canieti first"><a href="#"><span>***HOME</span></a><ul>
            <li class="quienessomos first"><a href="#"><span>***SECOND</span></a><ul>
            <li class="consejodirectivonacional"><a href="#"><span>***THIRD</span></a><ul>
            <li class="mesadirectivanacional first"><a href="#"><span>***FOURH</span></a></li>
         </ul>

            <div style="clear: both;"></div>
        </li>
        <li class="canieti first"><a href="#"><span>Other</span></a></li>
        </ul>
        <div style="clear: both;"></div>
        </li>
    </ul>