Html 设置四级菜单项的样式不起作用

我不明白为什么第四层没有样式。有人能帮我做这个意大利面吗

---

您在这方面有一些问题。首先，我强烈建议您清理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>

您在这方面有一些问题。首先，我强烈建议您清理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>

是的。你的窗口不够宽。第四层高亮显示，尽管我只停留在第三层。我无法移除第四层的悬停效果。可能是因为

！重要信息

我在你的CSS意大利面中看到了滥用。它是。你的窗口不够宽。第四层高亮显示，尽管我只停留在第三层。我无法移除第四层的悬停效果。可能是因为

！重要信息

我在你的CSS意大利面中看到了滥用。