造型四级菜单项不起作用

时间:2011-06-04 07:55:22

标签: html css

我无法弄清楚为什么第四级没有造型。有人可以请帮助这个CSS意大利面吗?

Fiddler: Menu Demo

1 个答案:

答案 0 :(得分:0)

你有一些问题。对于初学者,我强烈建议您清理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>