title: CSS- how to select a selector which is not in specific controller?
body: <p>I have the following css:</p>
  
  <pre><code>.sign-up-cross.clone{
      top: 10px!important;
  }
  </code></pre>
  
  <p>I have a modal with a "invite-contacts-modal" class which contain elements with "sign-up-cross clone" and I don't want that those element will have the css style above.</p>
  
  <p>I try to use:</p>
  
  <pre><code>:not(.invite-contacts-modal) .sign-up-cross.clone{
      top: 10px!important;
  }
  </code></pre>
  
  <p>It doesn't work.</p>