Question

我想以相邻的兄弟姐妹作为目标，但前提是第一个兄弟姐妹具有特定的后代类别。

这不同于“ Is there a previous sibling selector?”。在这个问题中，我想问的是如何定位相邻兄弟姐妹。在这个问题上，他们问如何定位上一个兄弟姐妹。

这个问题与基本兄弟姐妹功能的不同之处在于，我希望选择器仅在先前的兄弟姐妹中嵌套了某个后代类的情况下才应用。

我有一个动态网站，在其中可以以两种方式之一显示特定的html页面（请参见下面的代码块）。

我想编写一个以段标记为目标的css选择器，但仅当上一个div 具有“ george”作为后代类时。

第1页

<div>
  <p class="joan">
  </p>
</div>
<section>
</section>

第2页

<div>
  <p class="george">
  </p>
</div>
<section>
</section>

我的无效的CSS ：

div .george + section {
}

有没有办法仅使用CSS做到这一点？还是我必须求助于javascript？

我知道，如果我将html重构为<section>嵌套在<div>内，这将很容易做到。这不是我要寻找的答案，因为页面的html结构不可更改。