Mediaqueries некорректное поведение

Question

Я работаю с медиазапросами, но не понимаю, почему они работают неправильно. У меня есть 3 панели навигации, и я хотел бы показать и скрыть их в соответствии с показателями

Имена панелей навигации:

#navbar_uno
#navbar_due
#navbar_tre

медиа-запросы

 /* Extra small devices (portrait phones, less than 576px)*/
    @media (max-width: 575px) {
        #navbar_uno{display: none;}
        #navbar_due{display: none;}
    }

    /* Small devices (landscape phones, 576px and up)*/
    @media (min-width: 576px) and (max-width: 767px) {
        #navbar_uno{display: none;}
        #navbar_due{display: none;}
    }

    /* Medium devices (tablets, 768px and up)*/
    @media (min-width: 768px) and (max-width: 991px) {
        #navbar_uno{display: none;}
        #navbar_due{display: none;}
    }

    /* Large devices (desktops, 992px and up)*/
    @media (min-width: 992px) and (max-width: 1199px) {
        #navbar_uno{display: none;}
        #navbar_due{display: none;}
    }

    /* Extra large devices (large desktops, 1200px and up)*/
    @media (min-width: 1200px) {
        #navbar_uno{display: none;}
        #navbar_due{display: none;}
    }

в теории navbar_3, вы всегда должны видеть меня, и это не так, почему?

<nav id="navbar_uno" class='navigation'>
...
</nav>

<nav id="navbar_tre" class="navbar navbar-expand-lg navbar-dark primary-color">
...
</nav>

<nav id="navbar_due"  class="navigation navigation--relative navbar navbar-expand-lg navbar-light  lighten-3 d-block">
...
 </nav>

Answer 1

Возможно, к вашему navbar применяются некоторые другие стили3