querySelectorAll和.not（）

Question

<div class="alpha">
   <div class="beta">
      <label style="color:red; font-size: 12px;">Hello</label>
   </div>
</div>

I want to exclude (= not include), the above label . This includes it (tested successfully):

document.querySelectorAll(.alpha .beta label");

Now how to exclude it? I want to select all my label class but this one I want to exclude only has a label style .

Answer 1

You cannot use CSS selectors to match " all label s except the one contained in div.alpha div.beta ". However, you gave an alternative definition of your expected results:

I want to select all my <label class=…> but this one I want to exclude only has a <label style=…> .

You can do that using an attribute selector :

document.querySelectorAll("label[class]:not([style])")

Answer 2

Try this:

document.querySelectorAll("*:not(.div_label):not(.alpha):not(.beta)");

You don't need that last 'label' part, as label is not a div (and you are asking for div to get selected, right?), so it wont get selected anyway