使用 CSS 选择器在 2 个类之间选择元素

Question

假设我有以下 HTML 结构：

  <div class="open">1</div>
  <div>2</div>
  <div class="close">3</div>
  <div>4</div>
  <div class="open">5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
  <div class="close">9</div>
  <div>10</div>

我想选择“打开”和“关闭”类之间的所有元素（例如，div 编号 1,2,3,5,6,7,8。

到目前为止，我所做的是使用以下 CSS：

.open ~ *:not(.close ~ *) {
  color: red;
}

但它只捕获第一组，而不捕获以下组。

如何选择所有“组”？

我尝试解决问题的游乐场： https://stackblitz.com/edit/stackblitz-starters-8fvzok?file=styles.css

Answer 1

亲爱的朋友。我知道你想选择 div 编号 (2,4,6,7,8,10) 这就是为什么你可以尝试这个代码：

div:not([class]){
    color: red;
}