html - 如何在有类的 div 之后选择每个没有类的第一个 div？

Question

如何在具有特定类的 div 之后选择每个没有类的第一个 div？示例:

<div class="someclass"></div>
<div class="someclass"></div>
<div class="someclass"></div>
<div></div> <!-- must be selected -->
<div></div>
<div></div>
<div class="someclass"></div>
<div class="someclass"></div>
<div class="someclass"></div>
<div></div> <!-- must be selected -->
<div></div>
<div class="someclass"></div>
<div class="someclass"></div>
<div class="someclass"></div>
<div class="someclass"></div>
<div></div> <!-- must be selected -->
<div class="someclass"></div>
<div class="someclass"></div>
<div></div> <!-- must be selected -->
<div></div>
<div></div>
<div></div>
<div class="someclass"></div>
<div class="someclass"></div>

没有JS/JQuery可以选择吗？

Answer 1

你可以尝试使用下面的 CSS

   .someclass + div:not(.someclass, .someclass) {
    }

如果您在此结构中有不同的类，则可以在 not 选择器中使用多个值