在li悬停时停止链接

时间:2014-07-30 09:25:26

标签: html css

我不想在有人点击li width

时显示子菜单

现在它正在进行li和悬停,所以不是li我只想在锚标记悬停上显示它

<style>

    #main-nav > ul > li > a.arrow {
        background: url("/assets/img/arrow-01.png") no-repeat scroll 100% 8px rgba(0, 0, 0, 0);
        padding-right: 13px;
    }
    #main-nav > ul > li {
        float: left;
        padding: 0 0 16px 53px;
    }
    #main-nav > ul > li > a {
        color: #666;
        float: left;
        font-family: "proximanova-regular",Helvetica,Arial,sans-serif;
        font-size: 15px;
        line-height: 18px;
    }

</style>
<nav id="main-nav">
<ul>
<li class="dropdownh insights drop-collapsed">
    <a href="/link/" class="arrow">Link</a>
</li>
</ul>
</nav>

1 个答案:

答案 0 :(得分:1)

更改

<nav id="main-nav">
<ul>
<li class="dropdownh insights drop-collapsed">
    <a href="#" class="arrow">Link</a>
</li>
</ul>
</nav>

# main-nav li {
display:none;
}