querySelectorAll и .not ()

Question

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

Я хочу исключить (= не включать) вышеуказанное label.Это включает это (успешно протестировано):

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

Теперь, как это исключить?Я хочу выбрать все свои label class, но этот, который я хочу исключить, имеет только label style.

Answer 1

Вы не можете использовать селекторы CSS для соответствия " всем label с, за исключением того, который содержится в div.alpha div.beta". Однако вы дали альтернативное определение ожидаемых результатов:

Я хочу выбрать все свои <label class=…>, но этот, который я хочу исключить, имеет только <label style=…>.

Это можно сделать с помощью селектора атрибутов :

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

Answer 2

Попробуйте:

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

Вам не нужна эта последняя часть 'label', так как label не является div (и вы просите, чтобы div был выбран,верно?), так что в любом случае его не выберут