CSS-选择标记的子代，直到下一个相同类型的标记

Question

我有以下DOM：

<div class="someclass">
  <p>
    <p>
      <span></span>
    </p>
  </p>
  <div>
    <p>
      <span></span>
    </p>
  </div>
</div>

我需要将样式表应用于span类的div下的someclass标签，而不是嵌套span下的div标签。

标签之间可能还有其他层次结构，span标签可能嵌套在任何标签之间（div除外）。而使用>则无济于事。

您能给我一个选择器来选择它们吗？

Answer 1

您可以使用直接子级d = foverlaps(df1, df2)[, .N, by = Date] 来完成此操作。您还可以结合使用>选择器和否定符来完成非div嵌套查找。

*

.someclass > p,
.someclass *:not(div) p {
  background-color: yellow;
}