如何使用小于父级的第三个子级且不是某个类的li元素执行querySelectorAll？

Question

说我有一个ul：

<ul>
   <li class="good"></li>
   <li class="bad"></li>
   <li class="bad"></li>
   <li class="bad"></li>
   <li class="bad"></li>
   <li class="good"></li>
   <li class="bad"></li>
   <li class="bad"></li>
   <li class="bad"></li>
   <li class="bad"></li>
   <li class="good"></li>
   <li class="bad"></li>
   <li class="bad"></li>
</ul>

我想选择ul的所有子元素，它们小于第八个子元素（因此前7个），并且没有类bad。

我想做类似querySelectorAll('ul li:not(:nth-child(n+3)) li:not(.bad)')的事情，有办法吗？

Answer 1

Answer 2