Question

给出了以下标记：

    <header id="main-header">
        <div class="container clearfix et_menu_container">
            <div class="logo_container">
            </div>
            <!-- .logo_container -->
            <div id="et-top-navigation">
                <nav id="top-menu-nav">
                    <ul id="top-menu" class="nav">
                        ... ...
                        <li id="menu-item-103" class="menu-item">
                            <a href="hello">Abteilungen</a>
                        </li>
                    </ul>
                </nav>
            </div>
            <!-- #et-top-navigation -->
        </div>
        <!-- .container -->
        <div class="tg-submenu">
            <div class="tg-submenu__abteilungen">
            </div>
        </div>
        <!-- .submenu -->
    </header>

当悬停项目时，＃menu-item-103通过使用js获得添加的类（et-hover）。除此之外，当用户悬停＃menu-item-103时，.tg-submenu应该变得可见。这可以通过css实现（最终与li元素中添加的类et-hover连接）还是此解决方案需要额外的javascript？

Answer 1

不，CSS无法实现。你需要JS来完成这项任务。 CSS仅限于:hover，:active，:focus伪类等内容。它还有+和~组合子，它们可以与伪类一起使用，但它仍然不如JS强大，并且对你的具体情况没有帮助。

css在添加的类上选择元素

1 个答案: