'CSS menu, how to select parent

I have three items in a navigation menu

<nav>
    <ul class="menu-topnav menu">
        <li class="menu__item menu__item--first-lvl active-trail active">
            <a href="/le-reseau-pikard" class="topnav-3-pikard" data-drupal-link-system-path="node/12">Le Réseau Pikard</a>
        </li>
        <li class="menu__item menu__item--first-lvl">
            <a href="/accueil" class="topnav-3-pikard is-active" data-drupal-link-system-path="node/17">Pikard</a>
        </li>
        <li class="menu__item menu__item--first-lvl">
            <a href="https://isoprotek.fr" class="topnav-3-isoprotek">Isoprotek</a>
        </li>
    </ul>
</nav>

I want the second <a> is-active CSS class disabled when the first parent li has active class. How can I do this ?

cssmenuparent-child


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions