时间戳

首页 > 解决方案 > 当另一个元素具有使用 css 的特定类时，如何隐藏一个元素？

html - 当另一个元素具有使用 css 的特定类时，如何隐藏一个元素？

问题描述

我在导航中有一个标签和一个按钮：

 <nav class="navigation">
        <a href="./index.html" class="logo-header"><span class="logo-part">Web</span>Project</a>
        <button type="button" class="menu-button" aria-expanded="false" aria-controls="menu-container" data-menu-button>
          <svg class="menu-icons" width="40" height="40" aria-label="mobile menu control ">
            <use class="menu__nav-cross" href="./images/sprite.svg#nav-cross"></use>
            <use class="menu__nav-menu" href="./images/sprite.svg#nav-open"></use>
          </svg>
        </button>

当我按下 js 脚本中的按钮时，它会向按钮“is-open”添加一个类。我想这样做，以便当类“开放”存在时，不使用 css 显示标签。我尝试做这样的事情，但它不起作用：

.menu-button.is-open .logo-header{
  display: none;
}

标签： htmlcss

解决方案

推荐阅读