选择器在特定情况下的独占CSS

我在用 ：

$(".header.nav.nav-user").click(function(){});

但是，当我将CSS更改为“ .header .nav .disable .nav-user”时，我不想触发click事件。

但是在这种情况下，$(".header.nav.nav-user")当CSS更改为时也会触发".header .nav .disable .nav-user"。

我如何排除这种情况？

我尝试过像：

$(".header.nav.nav-user :not(.disable)")

和

$(".header.nav.nav-user").not(".disable"),

但是两次都未能获得预期的结果。

请告诉我如何做到这一点。

感谢您的帮助！谢谢。

更新：有时情况是：（我想触发点击事件）

<div class="header">
  <div class="nav">
      <dt class="nav-user">
       </dt>
   </div>
</div>

有时是：（我不想触发点击事件）

 <div class="header">
  <div class="nav">
   <dl class="disable">
      <dt class="nav-user">
       </dt>
    </dl>
   </div>
</div>

更改是使用其他javascript，而不是更改该代码。