0

我想实现点击“我的淘宝”,出现下拉列表,里面有两个超链“已买到的宝贝“和“已卖出的宝贝“,html如下:

<li class="sn-menu-dropdown"><a href="###">我的淘宝<span class="caret"></a>
    </span>
    <ul class="dropdown-content">
        <li><a href="###">已买到的宝贝</a>
        </li>
        <li><a href="###">已卖出的宝贝</a>
        </li>
    </ul>
</li>

我想用css实现,方法是:

.sn-menu-dropdown:hover{
    text-decoration: underline;
    cursor: pointer;
    background-color: #fff;
}
.dropdown-content{
    display:none;
}
.sn-menu-dropdown:hover .dropdown-content{
    display:block;
}

问题是,当我这样写,.dropdown-content的样式也全部变成.sn-menu-dropdown:hover的样式了,而且我给.sn-menu-dropdown:hover .dropdown-content设置样式也改不掉,这是为什么呢?卡了超级久,可能是钻牛角尖了,请帮忙解答一下,谢谢!

2个回答

0

因为你给.sn-menu-dropdown:hover链接设置的样式和a标签的默认样式是一样的啊...

0

已经解决了,先把.dropdown-content写出来,然后给a:hover加样式就可以了,大概是钻牛角尖了

撰写答案