Question

当我将鼠标悬停在CSS的父类上时，我遇到了启用类可见性的困难。即我想在菜单类上启用子菜单类悬停效果。我的html代码如下：

<li class="menu"><a href="#">Link</a></li>
        <ul class="subMenu">
            <li><a href="#">Link A</a></li>
            <li><a href="#">Link B</a></li>
            <li><a href="#">Link C</a></li>
        </ul>

相应的css如下：

    .subMenu
{
    display:none;
    visibility:hidden;
}

.menu:hover .subMenu
{
    display:inherit;
    visibility:visible;    
}

现在我对悬停效果有困难。

Answer 1

您需要在主menu ul中添加子li。目前它位于li之外，因此在悬停时不可见。

像这样更改你的HTML

<ul>
    <li class="menu"><a href="#">Link</a>
        <ul class="subMenu">
            <li><a href="#">Link A</a></li>
            <li><a href="#">Link B</a></li>
            <li><a href="#">Link C</a></li>
        </ul>
    </li>
</ul>

DEMO

禁用或启用css中另一个类的类的可见性

1 个答案: